CSS3 Shadow Block Menu

<div dir="ltr" style="text-align: left;" trbidi="on"><span style="color: black;">This CSS Menu harnesses CSS3's ability to define multiple/ inset shadows (so the shadow grows inwards) on an element to create menu items with bevelled edges and a growing inner glow when the mouse rolls over them. CSS3 animation is enabled to gradually transition between various property changes.</span><br> <div class="separator" style="clear: both; text-align: center;"><a href="http://img594.imageshack.us/img594/9444/shadowblockmenu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="50" src="http://img594.imageshack.us/img594/9444/shadowblockmenu.jpg" width="640"></a></div><div style="text-align: center;"><a href="http://www.blogger.com/testblog-02.blogspot.in/" target="_blank"><span style="font-family: verdana,geneva,sans-serif;"><b><span style="font-size: 24px;"><span style="background-color: red;"></span></span></b></span></a><br> </div></div>

CSS3 Shadow Block Menu

This CSS Menu harnesses CSS3's ability to define multiple/ inset shadows (so the shadow grows inwards) on an element to create menu item...

Read more »