把评论头像变成圆圈并转动

  • 内容
  • 相关

  把评论头像变成圆圈并转动,没什么技术含量,看代码就行!

  首先,找到你评论头像的CSS,假如你的头像  touxiang img{}   那么,就在属性里面加上下面的这段CSS


border-radius: 50%;
-webkit-transition: .4s all ease-in-out;
-moz-transition: .4s all ease-in-out;
-o-transition: .4s all ease-in-out;
-ms-transition: .4s all ease-in-out;
transition: .4s all ease-in-out;

然后,找到 tx:hover img{},在属性里面加上

-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
千万不要照着我的写出了  touxiang  img  我这是举例,每个人的都不一样

最后的效果如本站的评论头像

如有问题,请留言


本文标签:

版权声明:若无特殊注明,本文皆为《Finally》原创,转载请保留文章出处。

本文链接:把评论头像变成圆圈并转动 - https://pjax.cn/pltx.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

允许邮件通知

评论

2条评论
  1. avatar

    香港虚拟主机 Lv.1 Chrome 41.0.2272.118 Chrome 41.0.2272.118 Windows 7 Windows 7 回复

    原来代码这么简单就顺利完成了

    重庆市 电信

    1. avatar

      dinghaifeng888 Lv.1 Chrome 31.0.1650.63 Chrome 31.0.1650.63 Windows 7 Windows 7 回复

      很好玩的样子

      江苏省苏州市 电信