Doug Avery created 39 box shadows using just six little values.
Amazing.
The power of CSS and web dev is becoming more and more enjoyable as the tools we us, make it easier to create what we imagine, oppose to what the code limits us to.
Here are 39 box shadows done in CSS for no good reason:
Due to cross-browser issues (am I the only one that is tired of coding for so many browsers?), it works best viewed with Chrome 11 or better.
Box-shadow has six properties: inset, left, top, blur, size, and color. Most should be familiar, but there might be a few new ones for some users: Size shrinks or grows a shadow, while inset allows you to wrap the inside of an element with a shadow (but careful — it can slow down draw time significantly).
This is what happens when you mix work with play: innovation.
Doug goes into more details of his experiment and you can take a look at these 39 beauties with a Chrome 11+ browser to get the full effect, as some of them move.
It’s easy to get stuck in a rut of coding for work and projects, when was the last time you coded for fun?
[via Viget]
Speak your mind...