给多说头像一个旋转的css3效果
我是用多说评论的,可以在后台的小工具那里添加一个“最近访客”头像列表在侧栏显示。
默认宽度是50px,我这里是在后台小工具那里把它改为54px的。
然后我们来给style.css加上一段炫炸的css3代码,让头像转起来。
/*多说侧栏头像旋转*/
.ds-avatar img{margin-bottom: 10px;position:relative;padding: 2px;border:1px solid #ddd;background: #fff;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;-ms-transition:.8s;}
.ds-avatar img:hover{margin-bottom: 10px;transform: rotate(720deg);-webkit-transform: rotate(720deg);-moz-transform: rotate(720deg);-o-transform: rotate(720deg);-ms-transform: rotate(720deg);}
```
提交代码,ctrl+f5刷新鼠标移上评论列表图形看一下效果。
![QQ截图20150917153349](https://s.kouss.com/wp-content/uploads/2015/09/dd6fc724dd.jpg)
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 口水随想!