Skip to navigation
DigitalOcean Referral Badge

Get $200 credit on DigitalOcean

Hostinger logo

Hostinger: Lightning-fast hosting, unbeatable uptime, top-notch support!

Open extra topbar

SLATE More Shapes extension

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]

[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]

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]

[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]

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]

[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]

 

SLATE More Shapes extension

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