教你如何使用css实现鼠标放置头像旋转功能

写在前面

这篇教程是教大家如何添加WordPress评论头像旋转特效

但是不一定每款WordPress主题都适用

其他主题自行测试

教程开始

将以下代码添加到主题的 main.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);
}

教程结束

© 版权声明
THE END
喜欢就支持以下吧
点赞0
分享
评论 抢沙发

请登录后发表评论