На русском
Blog

CSS3/SASS object generator

Templates
CSS
SASS
All prefixes
Copy hover to orig
Original
Hover
Copy orig to hover
General parameters
Cursor
Object width
Object height
Object padding
Padding top
Padding right
Padding bottom
Padding left
Object width
Width unit
Object height
Height unit

Border

Border style
Border width
Border unit
Border color

Background

Background
Repeat
Attachment
X position
Y position
Back-nd width
Back-nd height
Gradient generator
About gradient generator
Opacity
Location
Color
Location
Direction
linear
radial
Hue
Saturation
Lightness
Border radius
About border radius generator
Border radius

Separate corners

Left top
Right top
Right bottom
Left bottom
Text (shadow & general)
About text shadow generator

What is CSS3 text shadow generator?

The text shadow maker is an application that creates a shadow behind a text with the means of CSS3. In order to use the text shadow tool, first you need to setup your text inside an object that you are modifying. Having set it up in the fields above "Text shadow" heading, you can move on to the shadow settings which are shadow color, horizontal and vertical offsets, blur and shadow opacity levels.

Note: in order for any generator to work, make sure the box next to a generator name is ticked

Browser compatibility

Property Google Chome compatibility Mozilla Firefox compatibility Opera compatibility Microsoft Internet Explorer compatibility Safari compatibility Yandex browser compatibility
text-shadow 2.0+ 3.1+ 9.5+ 9.0+ 4.0+
3.1+ Partial support
1.5+
Font family
Font style
Font size
Font size unit
Font color
Text align

Text shadow

Shadow color
Left offset (px)
Top offset (px)
Blur (px)
Shadow opacity
Box shadow
About box shadow generator
Horizontal offset
Vertical offset
Blur radius
Spread radius
Shadow color
Shadow opacity
inset
outline
Transform
About transform generator
Scale X
Scale Y
Translate X (px)
Translate Y (px)
Skew X
Skew Y
Rotate
Transition
About transition generator
Property
Duration
Duration unit
Function
x

Gradient templates

Button templates

Pink button
Yellow button
Glass button
Dark button
IPhone button
SIMPLE BUTTON
SIMPLE BUTTON
SIMPLE BUTTON
SIMPLE BUTTON
SIMPLE BUTTON