wordpress 的头像360°旋转如何实现呢?

给你的wordpress加个炫目的头像旋转功能工具/材料 虚拟空间、 wordpress程序、一些代码 (会给你准备的)
操作方法 01 首先将wordpress 文件传到空间 。 并安装成功使之可以正常访问 , 这个就不再说了 , wordpress 官方有教程的 。 搭建完成如下 。 (我用的其他主题 , 不是默认主题) , 没有区别的 。

wordpress 的头像360°旋转如何实现呢?

文章插图

02 然后就是代码部分了 , 把代码放入主题中即可实现 , 可以放在css里面 , 也可以放在后台→外观→主题设置→自定义代码→自定义CSS样式

wordpress 的头像360°旋转如何实现呢?

文章插图

wordpress 的头像360°旋转如何实现呢?

文章插图

03 【wordpress 的头像360°旋转如何实现呢?】代码部分如下 。 原文复制粘贴即可 , 无需改动 。
.avatar {
-webkit-transition: .4s;
-webkit-transition: -webkit-transform .4s ease-out;
transition: transform .4s ease-out;
-moz-transition: -moz-transform .4s ease-out;
}

.avatar:hover {
transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
}

wordpress 的头像360°旋转如何实现呢?

文章插图


特别提示 emlog 也可以用的哦 , 亲测过 , 注意代码的一些符号别搞错 。

以上内容就是wordpress 的头像360°旋转如何实现呢?的内容啦 , 希望对你有所帮助哦!

    推荐阅读