CSS3 Drop Shadows Generator 0.12

For designers - For learning CSS3 - To try some experiments

If you don't see some nice shadows, try with another browser

Shadow_basic

Basic

Shadow_curled

Curled

Shadow_curved_hz

Curved horizontal

Shadow_curved_hz_bottom

Curved horizontal (bottom only)

Shadow_curved_hz_top

Curved horizontal (top only)

Shadow_perspective

Left perspective

Shadow_perspective_r

Right perspective

Shadow_pile

Pile

Shadow_curved_vt

Curved vertical

Shadow_see_through_tape

See through tape

Shadow_wrinkled

Wrinkled

Width 80 %

Height 20 %

Radius 50 %

Distance 0 %

Color blur 10 px

Color shift 15 px

Color opacity 0.5

Width 400 px

Height 300 px

Top Left Radius Hz 3 %

Top Right Radius Hz 3 %

Bottom Right Radius Hz 3 %

Bottom Left Radius Hz 3 %

Top Left Radius Vt 3 %

Top Right Radius Vt 3 %

Bottom Right Radius Vt 3 %

Bottom Left Radius Vt 3 %

The code

Trello-icon32 Project board on Trello
Get involved, vote for new features or leave a comment.