当前位置:
首页 > WordPress教程 > WordPress评论头像旋转特效教程

WordPress评论头像旋转特效教程

教程介绍

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

代码预览

将以下CSS代码放到你使用主题的CSS文件中,一般添加到style.css(也许你主题公共CSS文件不是这个,具体哪个文件请自行查看)

  1. /*头像旋转*/
  2. .avatar{
  3. 	-webkit-transition:0.4s;
  4. 	-webkit-transition:-webkit-transform 0.4s ease-out;
  5. 	transition:transform 0.4s ease-out;
  6. 	-moz-transition:-moz-transform 0.4s ease-out;
  7. 	}
  8. .avatar:hover{
  9. 	transform:rotateZ(360deg);
  10. 	-webkit-transform:rotateZ(360deg);
  11. 	-moz-transform:rotateZ(360deg);
  12. }
云左科技

WordPress评论头像旋转特效教程:等您坐沙发呢!

发表评论

表情
还能输入210个字