WordPress评论头像旋转特效教程

  105 次阅读

CONTENT

这篇教程是教大家如何添加WordPress评论头像旋转特效,但是不一定每款主题都适用,下面提供CSS代码仅供参考。将以下CSS代码放到你使用主题的CSS文件中,一般添加到style.css(也许你主题公共CSS文件不是这个,具体哪个文件请自行查看)。

代码如下:

  1.     /*头像旋转*/
  2.     .avatar{
  3.     	-webkit-transition:0.4s;
  4.  
  5.     	-webkit-transition:-webkit-transform 0.4s ease-out;
  6.  
  7.     	transition:transform 0.4s ease-out;
  8.  
  9.     	-moz-transition:-moz-transform 0.4s ease-out;
  10.  
  11.     	}
  12.     .avatar:hover{
  13.  
  14.     	transform:rotateZ(360deg);
  15.  
  16.     	-webkit-transform:rotateZ(360deg);
  17.  
  18.     	-moz-transform:rotateZ(360deg);
  19.     }

Comments | NOTHING

暂无评论...