typecho头像旋转效果
逛到别人博客头像有旋转效果,挺不错整一个。
其实就是css3动画,鼠标放上顺时针旋转,离开逆时针旋转回原位。
img{
border: #000 solid 2px;
display: block;
margin: 50px auto;
border-radius: 50%;
transition: all 2.0s;
}
img:hover{
transform: rotate(360deg);
}
transition: all 2.0s;其中"2.0s"表示变换时间;
transform: rotate(360deg);"360deg"表示图片旋转角度。
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。