EMLOG评论头像变圆圈并转动代码



 把评论头像变成圆圈的样子并转动,如上图所示

主要运用了CSS代码,今天就给大家分享方法:

如果没有CSS基础的朋友,要在网上看看相关的资料咯。

首先,找到我们设置评论头像的CSS,比如易捷博客使用 ycyjkj{} ,我们就需要在属性处,添加以下代码:


ycyjkj{
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;
//这是把图片变为圆圈
}

下面的就是鼠标在图标上时,图片自动旋转

ycyjkj:hover{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
//这是图像旋转
//易捷博客网 www.vxia.net
}

图片就如文章最上方的演示效果图一样。


标签: 代码

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.vxia.net/post-770.html

相关推荐

评论

  1. 2016-05-07 10:41
    哎,不会用啊!
  1. 2015-12-08 17:46
    学习了。。
    1. 2015-12-08 19:11
      @drgre:这个效果用着还是挺不错的
  1. 2015-12-06 23:04
    都差点想把头像屏蔽了
    1. 2015-12-08 19:08
      @bookcase:用这个效果感觉挺不错的
  1. 断水
    2015-12-05 16:26
    我来看下 我的小尾巴  群主不会介意吧?{哭}
    1. 2015-12-05 21:51
      @断水:小尾巴??
  1. 2015-12-04 20:59
    易捷博客网测试图片旋转{得意}

你肿么看?

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。