transform rotateZ

by Wang Peng

HTML

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

CSS

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

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