Question

我正在构建我的第一个网站，并且真的想要一个摆动的按钮。我正在做一些研究，我找到了我想要的完美按钮。

如果向下滚动到页面末尾。下载按钮的外观正是我想要的。但是由于某种原因，我一直在玩代码，我不会出现任何类型的动画。不知道为什么会这样。如果可能，有人可以告诉我如何编码的方式吗？谢谢

抱歉忘了密码：

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

Answer 1

你可以从这里https://elrumordelaluz.github.io/csshake/css/csshake.css查看他们的动画，以获得线索。

通过摇动按钮创建一个小摆动

1 个答案: