Color Depth

Buttons that feel like real objects: glass, brushed metal, a soft cushion. The depth is not one shadow but layers stacked on the same button: a gradient body, inset shadows for the bevel, a layer that lights up on hover and a bar of light along the top. Here is the same button built ten ways, and it is all CSS.

• CSS, Skeuomorfismo
• Documentación original