CSS3 box-shadow rolled corners


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.


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