How to fake 3D and more with CSS3 box-shadow

CSS3 box-shadow fake 3D

Box-shadow is a powerful property in CSS3. It’s more than just for drop-shadows. Think of it as a multi-purpose 3D styling tool. That’s because you can stack multiple drop shadows.

Today I’m going to show you how to make, out of a simple DIV, this:

CSS 3D button effect

Continue Reading…

Fun with CSS text-shadow

I’ve been playing with the text-shadow property in CSS3, and having a lot of fun with it. Did you know that modern browsers allow you to stack multiple drop shadows? Used creatively, this allows for all sorts of pure-css fun.

Here’s what we’re going to build today:

3D  shaded  

Continue Reading…