用鼠标与指尖
让互联网更加有趣

WordPress评论头像旋转特效教程

教程介绍

这篇教程是教大家如何添加WordPress评论头像旋转特效,但是不一定每款主题都适用,下面提供CSS代码仅供参考。

代码预览

将以下CSS代码放到你使用主题的CSS文件中,一般添加到style.css(也许你主题公共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);
}

WordPress评论头像旋转特效教程-小伟博客

支付宝扫码打赏 微信扫码打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者

未经允许不得转载:小伟博客 » WordPress评论头像旋转特效教程

分享到:更多 ()

评论 3

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #3

    这篇教程是教大家如何添加WordPress评论头像旋转特效,但是不一定每款主题都适用

    小伟3年前 (2015-11-08)Reply
  2. #2

    这篇教程是教大家如何添加WordPress评论头像旋转特效,但是不一定每款主题都适用

    小伟3年前 (2015-11-08)Reply
  3. #1

    这篇教程是教大家如何添加WordPress评论头像旋转特效,但是不一定每款主题都适用

小伟博客 · 给你感兴趣的内容

联系我们官方交流群