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

给你的wordpress加个炫目的头像旋转功能

工具/材料

虚拟空间、 wordpress程序、一些代码 (会给你准备的)

操作方法

  • 01

    首先将wordpress 文件传到空间。并安装成功使之可以正常访问,这个就不再说了,wordpress 官方有教程的。搭建完成如下。(我用的其他主题,不是默认主题),没有区别的。

  • 02

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

  • 03

    代码部分如下。原文复制粘贴即可,无需改动。
    .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);
    }

  • End

特别提示

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

  • 发表于 2017-09-25 00:00
  • 阅读 ( 768 )
  • 分类:电脑网络

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具