问题标签 [keyframe]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
android - 使用android相机更改关键帧间隔
keyframe使用android相机时有没有办法改变a的频率？我正在使用意图来录制视频，然后使用MediaMetaDataRetriever类来提取帧，但是keyframes它们之间的距离太远了，我不喜欢。
css - 如何在 CSS 中动画的不同关键帧上开始不同的元素
如果我有一个 CSS 动画，并且我想创建该动画的各种实例，但从动画的不同阶段开始，我该如何指定它。
我想象过这样的事情，第二个 webkit 行是伪代码：
css - CSS3滤镜模糊关键帧动画
我想要完成的是图像悬停上的短高斯模糊动画。有点像将焦点放在相机上。（聚焦-模糊-聚焦）。
这是我到目前为止得到的：
这似乎不起作用。有什么建议么？
html - CSS3 关键帧动画 - 类
我正在尝试使用 CSS3 关键帧动画，将鼠标悬停在一个对象上时，会导致动画在另一个对象上触发。现在我只有一个简单的关键帧：
html如下：
如果我的样式表将动画属性应用于 .box1，它实际上可以为 .box2 设置动画吗？
javascript - CSS3 或 Javascript - 简单填充动画
我正在尝试创建一个简单的动画，当用户将鼠标悬停在一个元素上时，其中包含的另一个元素会填充其父元素。目前，我有一个 JSFiddle 可以做到这一点。
但是，我想用其他一些我不确定我是否可以在 CSS3 中真正做到的功能来完成这个。
我试图找到一种方法，在让内圈完全填充其父级后（即当它的宽度/高度 = 300px 时），我希望填充暂停并且在动画完成后不会消失。
当用户将鼠标移到 :hover 范围之外时，我希望动画反转方向而不是突然停止。
我已经用 CSS3 做到了这一点，但我不确定我是否可以在不求助于 Javascript 的情况下实现这两个功能。有谁知道完全在 CSS3 中执行此操作的方法/有没有人知道是否可以在 CSS3 中执行这最后两个功能，因为我似乎找不到任何东西。
css - CSS 中的旋转加载器
首先，对不起，如果标题是错误的，因为我不知道这些是否真的被称为旋转装载机。这就是我所说的：JSFiddle
这些装载机有两个问题，
在 .chrome-loader 中，如果我设置
height: 50px; width: 50px;了 ，并且在.ring-makersettop: 2.5px; left: 2.5px中它不能很好地工作。px 单位是否支持最多 2 位小数的值？我猜他们没有。那么我能做些什么来修复它呢？我基本上想让它和上面的大小一样。也许，其他一些单位？因为
.win8-loader我为第一个点设置了这个 CSS 动画。但它不起作用。第一个点甚至不动。
PS：abc1-de2关键帧允许使用名称吗？
internet-explorer - IE10中的关键帧动画问题
我的 css 动画在所有真正的浏览器中都能很好地工作，但正如预期的那样，它在 IE10 中效果不佳。现在看来，IE 不想360deg正确旋转。仍在寻找可能的解决方法，这不会牺牲实际浏览器中的功能。
编辑 似乎 ie10 会。translateX或rotate(360deg)，但不会同时做这两个
这是jsFiddle和代码：
css - CSS3 动画关键帧
我想知道是否可以倒带我的动画，情况如下：
我正在使用 css3 关键帧为我的导航设置动画：
现在，当我将其悬停时，他会扩展动画，不，我想知道如何在我释放悬停时将动画倒回甚至平滑。
css - 使用变换和关键帧时如何创建 DRY CSS
我试图在transform与keyframes. 假设我有以下内容：
HTML
CSS
如何防止在动画中执行scale(0.8)and ？translateY(100px)我只希望它来回旋转，而不必在每个步骤的变换中应用这些属性。这里只使用了两个步骤（from和to），但是如果使用多个步骤（例如使用0%, 20%, 40%, 60%, 80%, 100%）则意味着很多重复的代码。正如您可以想象的那样，当稍后出现更改时，这并不是很好。
最终，我正在寻找这样的东西（这是不可能的，因为该transform属性将被覆盖）：
这甚至可能吗？
附言。我不是在寻找将width/更改height为scale和/或将margin/top属性更改为的答案translate。LESS/SASS 也没有任何东西可以使值易于更改，因为它仍然会导致重复的代码。
css - IE10 中的 CSS 关键帧动画跳跃
我创建了一个简单的循环动画，它使用该translate函数左右移动元素。这在 Chrome、Firefox 中运行良好，并且事件在 IE10 中启动良好，但是当动画反转时元素跳转。
我在 CodePen 上创建了一个问题示例，只需在 IE10 中打开它：http://codepen.io/anon/full/cxtza （已更新）
我试图通过硬编码关键帧 0%、50% 和 100% 来缓解这个问题，而不是from/to使用alternate方向属性，我尝试使用translateX而不是 3D，但到目前为止没有运气。