html - 为什么我的动画不播放?

标签 html css

我按照一个简短的教程创建了一个弹跳箭头,但是我使用的代码几乎相同,除了一些小差异。

但是,当我将它添加到我的英雄单元时,它不会播放我的动画。

它可能是我使用的transformkeyframe 混合...

这是 JSFiddle:http://jsfiddle.net/x9hxfusa/

最佳答案

keyframesmixins 声明放在顶部。你必须在调用它们之前声明它们。

See Demo

关于html - 为什么我的动画不播放?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30763415/

相关文章:

javascript - 如何在 javascript 和 HTML 中通过坐标在元素内部搜索

javascript - 如何在 Javascript 中获取前一个 DOM 元素?

javascript - 用图像填充数百个 SVG 路径会导致严重的性能问题

html - 这是有效的 css 吗?发现它是从 MJML HTML Email Maker 生成的

CSS 元素过渡高度不适用于 chrome

jquery - 单击后在标签上设置类

javascript - 使用 JQuery 调整 Div 的大小以匹配窗口尺寸

html - 将背景图像应用于垂直子菜单

javascript - Jquery Modal 点击后只打开一次,如何解决这个问题?

jquery - 修复了在 Chrome 或 MS Edge 中不显示的图像