问题标签 [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.

0 投票
1 回答
184 浏览

css - 如何在 CSS3 动画中间显示一个元素

在这个例子中,我想在动画的一个步骤中显示元素。但是,这是不可能的,因为如果我display:none在主CSS规则中设置,动画不会覆盖它。

请注意,这是一个简化的示例,在实践中,我需要display:none在动画可见之前隐藏元素。因此,其他类似的技巧opacity不能满足我的需要。

0 投票
1 回答
1828 浏览

css - CSS3 关键帧动画,包括延迟,用 JS 切换

我正在尝试为 3 个按钮设置动画(淡入)。这是我的html:

这是我的 css(类 .aside-check 由 javascript 应用)

我现在想要的是给每个段落一点延迟,我试过了

但这不起作用。不幸的是我不知道我做错了什么......:/

0 投票
1 回答
3276 浏览

python - Maya Python 脚本:如果属性在该特定帧处设置关键帧,则返回 True 或 False

我正在尝试完成我的脚本,但遇到了一些问题。这是我的脚本:

现在,当我查询一个属性时,我想在字典中存储一个TrueFalse值,说明该属性是否在您正在检查的那个帧上有一个关键帧,但前提是它在那个帧上有一个关键帧。

例如,假设我在第 1 帧和第 5 帧的控件的 tx 属性上有键,我想要一个字典键,我可以稍后检查这些帧是否有键:当该帧有键时, 返回true; 没有时,返回false。如果True,我还想保存键的切线类型。

0 投票
1 回答
160 浏览

css - Chrome 不工作,你知道吗?

我想使用创建旋转图像CSS3,但我不知道为什么它在 Chrome 上不起作用。我用 Firefox 和 IE 进行了测试,它们都可以工作,但不能用 Chrome。我刚开始学习@keyframeCSS3。
我的代码有什么错误?

0 投票
1 回答
2052 浏览

html - 加载页面时的关键帧加载动画

我正在尝试使用 CSS3 关键帧加载带有动画的无序列表。我的问题是在动画开始之前加载列表。我希望它只在动画之后加载。

这是我迄今为止取得的成果http://jsbin.com/agelix/1/edit

HTML

CSS

0 投票
2 回答
1687 浏览

css - Css3 关键帧动画是否在文档准备好加载后开始?

加载文档中的每个元素后是否会启动 Css3 关键帧动画?这是一个至关重要的问题,因为如果动画在整个页面正确加载之前开始,这将是一个问题。

0 投票
0 回答
4037 浏览

ffmpeg - 如何使用 ffmpeg 从 MP4 视频中提取所有关键帧?

我想从 BMP 格式的视频中提取所有关键帧以进行进一步处理。我设法调查了这个命令:

它适用于所有视频文件,但 MP4 和 MKV 文件除外。而不是它从 MP4 文件中提取所有帧,另外我收到了很多错误消息:

我该怎么做才能使它也适用于 MP4 文件,或者我应该使用什么其他实用程序/方法(mencoder / vlc)来实现我的目标?

0 投票
2 回答
141 浏览

jquery - 按需使用 CSS3 旋转元素

我定义了这个关键帧:

并应用于类名:

并按需将类添加到元素中:

但该项目不会旋转;我究竟做错了什么?

请注意:我只在 Firefox 中进行测试,这就是为什么我只使用 -moz- 供应商前缀

0 投票
2 回答
839 浏览

python - 需要修复我的脚本 - cmds.setKeyframe 错误

我需要修复我的脚本,只写了一个grab_animation 函数,一个save_animation 函数,最后是我的restore_animation。

这里是。

问题是,该函数效果很好,但它只恢复动画的值,但并没有为每个关键帧设置键。我知道我必须执行的命令是,cmds.setKeyframe但是经过大量测试后它还不起作用。谁能帮我?

0 投票
2 回答
238 浏览

javascript - 合并 json-object 并填充下一个/上一个项目

如何填充包含一些 css 属性的 JSON 对象。我需要在哪里将所有未包含的属性添加到前一个对象,并且为所有下一个项目添加相同的属性?

我需要的声明:

例如,我们有一个具有以下样式的元素:

以及以下keyframe类似对象:

在这里,我们需要填充所有以前的项目,在这种情况下:

  • 0: width = 0
  • 1000: width = 0

...我们得到这样的东西:

...此外,我们需要预先填写所有下一项:

  • 2000: top = 100

结果是什么:

我们的最终对象需要是这样的:

更新

到目前为止,TJ Crowder 的答案看起来不错,但问题是我不知道keyframe-object 中有哪些属性...所以它可以是,关键帧中有更多/其他属性而不是widthtop

更新2

目前我有以下内容:

似乎

但是,如果我通过直接声明来做到这一点

有任何想法吗?