从一个图像过渡到另一个图像并在转换过程中旋转：CSS

Question

http://punkave.com/

左上角Logo：当你将鼠标悬停在它上面时： 你怎么编码？ 从一个图像过渡到另一个图像并让它旋转。

Answer 1

您可以在transform上使用:hover作为轮播状态。动画为transition。

#logo {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
#logo:hover {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}