stamp shape

Introducing the stamp shape: Use this to create circular stamps. Text can be placed on the periphery and at the center. Now you have a stylish way to stress messages such as "approved", "passed", "free", "verified", etc.

Note: If you choose to skew the shape around the x-axis (_skew_x_deg argument), then this will only work in browsers that support CSS 3D transforms.

[slate_stamp
	_font_family="Holtwood One SC"
	_font_size="20px"
	_stroke="#dd3333"
	_skew_x_deg="20"
	angle="-25"
	upper_text="Seal of Approval"
	lower_text="SVG you can trust"
	outline_color="#b21818"
	fill="color"
	fill_color_color="#dd3333"
	filter_shadow_radius="8"
	filter_shadow_xoff="8"
	filter_shadow_yoff="8"]
	
	PASSED
[/slate_stamp]
PASSED PASSED Seal of Approval SVG you can trust PASSED  PASSED

arc shape

The arc shape lets you write text that is shaped like an arc.

[slate_arc
	_font_family="Rye"
	_font_size="36pt"
	_stroke="#000000"
	fill="color"
	width="200"
	height="60"
	fill_color_color="#dd3333"
	filter_shadow_radius="4"
	filter_shadow_xoff="3"
	filter_shadow_yoff="3"]

	SALOON
[/slate_arc]
SALOON SALOON SALOON  SALOON

star shape

The star shape lets you write text inside a star! You get to pick the inner and outer radius, number of tips, etc. Works great with glow animations for even more eye-catchiness!

[slate_star
	_font_family="Acme"
	_font_size="36pt"
	_stroke="#dd3333"
	_stroke_width="3px"
	tips="20"
	radius1="100"
	radius2="125"
	angle="15"
	outline_color="#dd3333"
	fill_color="#ffff00"
	fill="gradient_radial"
	fill_gradient_radial_color="#dd9933"
	fill_gradient_radial_xcenter="100%"
	fill_gradient_radial_ycenter="100%"
	filter_glow_radius="5"
	filter_glow_radiusmax="15"
	filter_glow_duration="2"]
	
	FREE!

[/slate_star]
FREE! FREE! FREE! FREE!

 

SLATE More Shapes extension

Updated on 2018-07-11T15:19:53+00:00, by alexg.