• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    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
    • 閱讀 ( 772 )
    • 分類:電腦網絡

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆