Question

我以为我会尝试一个基本的弹跳图标，但我没有看到任何反弹，我为什么不知道（有没有专门针对chrome / FF开发工具的任何功能）对于CSS动画？）。我已经为每个浏览器前缀声明了关键帧，并完成了：

animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
-moz-animation: bounce 2s infinite;
-o-animation: bounce 2s infinite;

我还缺少什么？这是小提琴：https://jsfiddle.net/p0n5dL59/

Answer 1

您在@keyframes中定义的动画属性需要继续使用动画所应用的元素。然后@keyframes需要定义动画中发生的事情，比如

@keyframes animation-name {
  to {
    color: red;
  }
}