Rounded shadows with CSS3 and no images

go back to the tutorial

On light background

Example 1

Box-shadow css property is used to create the rounded drop shadow effect. Credit goes to Paulund.co.uk for inspiration.

Example 2

Radial gradient feature is used to create the rounded drop shadow effect.

On darker background

Example 1 on darker background

Box-shadow css property is used to create the rounded drop shadow effect.

Example 2 on darker background

Radial gradient feature is used to create the rounded drop shadow effect.

On picture background

Example 3

Radial gradient feature is used to create the glow effect. Weird stuff.