WP简单加入一段代码实现鼠标放置头像旋转功能

文章简介

本篇教程是教大家如何在WordPress实现评论头像旋转特效。PS:本代码并不是适用于任何一款主题,这里只测试了子比主题,其它主题自己亲测。

图片[1]- 莱克资源网- 专注于网络技术资源分享 | 致力于打造全网最好的综合类免费资源分享基地 - ⎛⎝itlake.cn⎠⎞WP简单加入一段代码实现鼠标放置头像旋转功能- 莱克资源网- 专注于网络技术资源分享 | 致力于打造全网最好的综合类免费资源分享基地 - ⎛⎝itlake.cn⎠⎞

教程说明

将以下代码添加到主题的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
觉得文章还不错?那就点个赞呗!
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容