box-shadow is arguably one of the coolest things to come out of CSS3. However I’ve been creating shadows in Adobe Fireworks and Photoshop for years so I feel like I’m too constrained by CSS3′s box-shadow implementation. In an effort to expand my boxy horizons, I set out on a quest to create some cooler shadows. (more…)
I have struggled a great many times to figure out how to use all of the nifty transitions in my CSS dropdown menus. Some, like fades, are easy. Others, however, require a sacrificial chicken and a prayer to the CSS gods that it’ll work. This post will give a very basic tutorial on building pure CSS menus, then a few cool animations that I’ve figured out.
Disclaimer: At the time of this writing transitions still require browser prefixes to work for Firefox (-moz-), Opera (-o-), and Webkit (-webkit-). I have omitted them from the code examples here for readability but they will be required if you intend to use these techniques. (more…)
The CSS transition property allows for a lot of really cool effects in your design but it has definitely caused me to bang my head against the desk a few times. Here are some details about the transition property that aren’t very well documented. (more…)