#img1:hover
{
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg); /* Safari and Chrome */
    -moz-transform: rotateX(180deg); /* Firefox */
}
#img2:hover
{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg); /* Safari and Chrome */
    -moz-transform: rotateY(180deg); /* Firefox */
}
#img3:hover
{
    transform: rotate3d(1,1,1,180deg);
    -webkit-transform: rotate3d(1,1,1,180deg); /* Safari and Chrome */
    -moz-transform: rotateZ(1,1,1,180deg); /* Firefox */
}