大家好，我尝试从一个网站上执行此摆动功能。但是由于某种原因，摆动功能无法正常工作。在这件事上的任何帮助将是巨大的
我正在使用此网站，并且像被告知那样将其链接，然后将正确的代码放入CSS Site
我正在尝试使其看起来像CSSHAKE SLOW MINIFIED
Fiddle
<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);
}
}
最佳答案
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">
只需将
class='shake-slow'添加到要“摇动”的任何元素即可。这会将CSS链接到您的元素。