CSS3 box-shadow rolled corners

201010031047

Rolled corners are popular. Dimension is in. The CSS3 box-shadow property isn’t entirely flexible enough to really create the effect (masked shadows please!) but with a couple layers it can be approximated in some browsers within limits. Looking good in Firefox and Safari. Not so much in Chrome.

The demo shows two versions: example usage on white and contrasting to show how the shadows layer. This requires a solid background and overflow:hidden if other elements are close in order to prevent bleed.

Demo

Code / Gist


Skateboards and bikes are better at nights

Skateboards and bikes are better at nights. 0 comments.


Search WayTooCrowded
The Header Should Always Point Home