Wednesday, August 3, 2011

interesting image effect for Firefox

I saw this on a web site today:



Which, when it received a mouseover event changed to:



Very nice use of "-moz" styles for Firefox and other Mozilla-based browsers:

border-width: 2px 2px 9.6px;
border-color: rgb(255, 255, 255);
border-style: solid; padding: 0px;
-moz-box-shadow: 0pt 0pt 4px rgb(170, 170, 170);
-moz-transform: rotate(-4deg) scale(1.3);

No comments: