上的按鈕

我建立我的第一個網站，並真正建立從搖一個小晃動想要一個按鈕，扭動。我正在做一些研究，並找到了我想要的完美按鈕。上的按鈕

如果向下滾動到頁面的結束。下載按鈕的外觀正是我想要的。但由於某種原因，我一直在玩代碼，我沒有得到任何形式的動畫出現。不知道這是爲什麼。如果可能的話，有人可以告訴我如何編碼的方法？感謝

對不起忘了代碼：

@-webkit-keyframes wiggle { 
    0% { 
     -webkit-transform:rotate(4deg); 
    } 
    50% { 
     -webkit-transform:rotate(-4deg); 
    } 
    100% { 
     -webkit-transform:rotate(4deg); 
    } 
} 

.wiggle:hover { 
    -webkit-animation: wiggle 0.5s infinite; 
}

這不是從網站，這是我努力的，但它並沒有得到正確的效果是一樣的下載按鈕。我居然真的被困在此哈哈:)所以有這方面的幫助將是巨大的X

來源

2016-01-22 MadMan

請發表您已經嘗試了什麼。 –

它工作正常：https：//jsfiddle.net/a0ddh7un/1/（假設你在一個webkit瀏覽器中）。如果您使用的是非webkit瀏覽器，則需要創建一個非前綴版本。你使用的是什麼瀏覽器？ – Turnip

我正在使用Chrome。我不知道。此外我試圖添加周圍等盒子，只是不會做的一切，我會繼續努力，也不過這並不是影響我想，鏈接，如果您向下滾動，你可以看到下載按鈕那裏移動不同到我所做的那個 – MadMan

你可以從這裏https://elrumordelaluz.github.io/csshake/css/csshake.css檢查他們的動畫得到一個線索。

來源

2016-01-22 13:57:27 sofiakol

啊我很高興，但我不確定哪一個是下載的，你能指點我在正確的方向，並鏈接我的下載代碼 – MadMan

在他們的樣式表中搜索以下類： btn 胡蘿蔔搖垂直慢搖常量搖常量 - 懸停 – sofiakol

雅這是我所做的，但我似乎無法找到該代碼中的類 – MadMan

回答

相關問題