Css擺動功能不起作用

嗨，大家試圖從我找到的網站做這個擺動功能。但由於某些原因，擺動功能不起作用。在這個問題上的任何幫助將是巨大Css擺動功能不起作用

我使用這個網站和我聯繫就好像有人告訴我，並把正確的代碼到CSS Site

我想使它看起來像CSSHAKE SLOW精縮

<a href="http://csshake.surge.sh/" class="wiggle">Find Out More > ></a> 

    .wiggle{ 
     text-decoration: none; 
     color: white; 
     font-size: 46px; 
     margin: 4px 2px; 
     cursor: pointer; 
     font-family: amatic sc,cursive; 
     color: Red; 
     -webkit-animation: wiggle 0.5s infinite; 
    } 
    @-webkit-keyframes wiggle { 
     0% { 
      -webkit-transform:rotate(4deg); 
     } 
     50% { 
      -webkit-transform:rotate(-1deg); 
     } 
     100% { 
      -webkit-transform:rotate(4deg); 
     } 
    }

來源

2016-02-18 Nevershow2016

https://jsfiddle.net/0f2qstq0/

<a class="btn shake-slow" href="#" >CSShake slow (735 B)</a>

確保包括這在你的<head>：

<link rel="stylesheet" type="text/css" href="http://csshake.surge.sh/csshake-slow.css">

只需添加到任何你想要的元素「搖」。這將CSS鏈接到您的元素。

來源

2016-02-18 02:31:44

非常感謝這麼多x – Nevershow2016

Css擺動功能不起作用

回答

相關問題