Post

给多说头像一个旋转的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

Leave a Reply