WordPress简单加入css实现鼠标放置头像旋转功能

火币

火币

火币是全球三大交易所之一,虚拟货币交易平台安全可靠,注册领取新人礼包!

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

图片[1]-WordPress简单加入css实现鼠标放置头像旋转功能-玩转网 | 902D.Com

将以下代码添加到主题的 main.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);
}
© 版权声明
THE END
点赞12赞赏 分享