我们是否有时候看到某些朋友的博客鼠标移动到头像图标的时候会实现图标的转动倒转效果？这样的是如何实现的呢？实际上只要将指定的图片图标CSS样式即可。
/*鼠标移动至头像旋转*/
.avatar{ -webkit-transition:0.4s; -webkit-transition:-webkit-transform 0.4s ease-out; transition:transform 0.4s ease-out; -moz-transition:-moz-transform 0.4s ease-out; } .avatar:hover{ transform:rotateZ(360deg); -webkit-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg); }
将样式添加到样式中即可。