gpt4 book ai didi

html - Css摆动功能不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 10:45:06 24 4
gpt4 key购买 nike

大家好,我想从我找到的一个网站上执行此摆动功能。但是由于某种原因,摆动功能不起作用。在这件事上的任何帮助都会很棒

我正在使用这个网站,我按照别人告诉我的方式链接了它,并将正确的代码放入 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 链接到您的元素。

关于html - Css摆动功能不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35471530/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com