CSS Transforms

HTML

<ul>
    <li><img src="http://dl.dropbox.com/u/10057969/Resources/css3_ex01_i01.png" /></li>
    <li><img src="http://dl.dropbox.com/u/10057969/Resources/css3_ex01_i02.png" /></li>
    <li><img src="http://dl.dropbox.com/u/10057969/Resources/css3_ex01_i03.png" /></li>
</ul>

CSS

body { background-color:#eee; padding:50px 20px; background-image:url(http://subtlepatterns.com/patterns/hexellence.png); }
ul { margin:0 auto; width:auto; padding:20px; }
li { float:left; margin:0 5px; border:1px solid #ddd; }
img { width:160px; float:left; border:7px solid #fff; 
    -moz-transition: -moz-transform 0.3s linear;
}

img:hover{
    -moz-transform: scale(1.4) rotate(-10deg) skew;}