Last time we covered the small details of our new CSS drop shadow method, cleaning up a lot of loose ends. Now we will introduce a fancy trick that will cause our shadowed element to behave like a depressable button when it is hovered. It's a really neat effect, and we feel it will eventually become a common method on the web.

The All About CSS Drop Shadows Series:
All About CSS Drop Shadows - Part One
All About CSS Drop Shadows - Part Two
All About CSS Drop Shadows - Part Three
All About CSS Drop Shadows - Part Four
All About CSS Drop Shadows - Part Five
All About CSS Drop Shadows - Part Six
All About CSS Drop Shadows - Part Seven Coming Soon ...

Related Articles

• Introducing CMX Jumpstart San Francisco
• Introducing CMX Design Element Mercury
• Introducing CMX Design Element Gold
• From Concept to Cross-Media Compatibility: Part One - Building the Header
• Introducing CMX Design Element Krypton
• Introducing CMX JumpStart Modifications
• Spell Checking HTML Forms with JavaScript and PHP
• Using JumpStarts with Cartweaver, Featuring Minneapolis
• Introducing CMX Jumpstart Minneapolis
• Managing HTML and CSS to Keep Clients Happy and Avoid 'Disaster' - Part Three

• Semantic XHTML - Part 7: The Phrase Elements
• HTML/CSS Crash Primer
• Semantic XHTML - Part 6: Inline Elements
• Semantic XHTML - Part 5: Table Elements
• Firebug - Part 2: Overview of Firebug Functionality
• Firebug - Part 1: The What and Why
• Semantic XHTML - Part 4: List Elements
• Semantic XHTML - Part 3: Common Block Level Elements
• Semantic XHTML - Part 2: Elements Within the Element
• Semantic XHTML - Part 1: The Required Elements