transform rotateY

by Wang Peng

HTML

<img class="rotateY" src="http://www.chedanji.com/content/images/2015/05/zhuyin.jpg" alt="">

CSS

.rotateY {
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
}

.rotateY:hover {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}