上的按钮

我建立我的第一个网站，并真正建立从摇一个小晃动想要一个按钮，扭动。我正在做一些研究，并找到了我想要的完美按钮。上的按钮

如果向下滚动到页面的结束。下载按钮的外观正是我想要的。但由于某种原因，我一直在玩代码，我没有得到任何形式的动画出现。不知道这是为什么。如果可能的话，有人可以告诉我如何编码的方法？感谢

对不起忘了代码：

@-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

回答

相关问题