January 14
Shadow Experiments
A few weeks ago I had the opportunity to put together a ZURB Playground piece based on CSS box-shadows. Thought I’d re-post it here:
We started out having to create our shadows in Photoshop and attaching them as background images. Now our lives are made easier with CSS. But really, all we can do is add gratuitous amounts of box shadows to our elements, right? Or, we can only really add unnecessary shadows to our text, right? Wrong.
Using a little HTML and some CSS we can take a trip to the dark side of the moon, create a periodic table and make a radioactive love concoction. We can even throw some CSS animations in there to add to the party.
Also, check Mark Otto’s 3D Text demo. He expands on these same principles to create a killer effect.