horizontal flip for an element

HTML

<img src="http://farm3.static.flickr.com/2184/3537193466_636319b090.jpg">

CSS

img {
    -webkit-transform-style : preserve-3d;
    -webkit-transition-property : -webkit-transform;
    -webkit-transition-duration : .750s;
    -moz-transform-style : preserve-3d;
    -moz-transition-property : -webkit-transform;
    -moz-transition-duration : .750s;
    -o-transform-style : preserve-3d;
    -o-transition-property : -webkit-transform;
    -o-transition-duration : .750s;
    transform-style : preserve-3d;
    transition-property : -webkit-transform;
    transition-duration : .750s;
}
img:hover {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
}