问题标签 [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 投票
6 回答
117750 浏览

css - CSS-从左到右移动文本

我想创建一个在网站上来回滚动的动画 HTML“选框”:

和CSS:

问题是,当字幕到达屏幕的右边缘时,它不会停止。它一直从屏幕上移开(短暂地出现一个水平滚动条),然后又回来了。

那么,当右侧边缘到达屏幕的右边缘时,如何使车牌停止?

编辑:奇怪的是,这不起作用:

0 投票
0 回答
170 浏览

css - 带有过渡关键帧的悬停CSS3动画

我需要让这个动画更流畅、更吸引人。

演示:http: //jsfiddle.net/XeELs/210/

0 投票
2 回答
732 浏览

html - 如何为元素设置动画而不丢失边框半径?

我在中心图像上有一个小动画,它放大一点,然后恢复到原来的大小。

代码在这里!

麻烦的是,动画“覆盖”了父元素上的边框半径,即使它上面隐藏了溢出。

有任何想法吗?

0 投票
1 回答
2377 浏览

actionscript-3 - 有没有办法将关键帧数据从 After Effects 导出到 Flash

我在 After Effects 中使用了运动跟踪器来跟踪对象的路径。我想获取 X 和 Y 数据并将其导出到闪存中的对象。我曾希望有一种快速简便的方法来做到这一点。

0 投票
1 回答
2055 浏览

css - 在 CSS 中重新创建 MS Windows Phone Tiltin 动画

我正在尝试让“倾斜”动画在我的一个使用 CSS 动画的小项目上工作。不幸的是,我无法从 MS Demo 移植它 - 毫无疑问,所有代码都在那里: http: //m.microsoft.com/windowsphone/en-us/demo/default.aspx#home

我试图让瓷砖在页面加载时淡入,只是那个部分。一次绝对没问题。我知道我需要定义供应商关键帧,但我的尝试非常糟糕,以至于我没有将它们粘贴到 jsFiddle 的示例中:

http://jsfiddle.net/qCQQD/2/

有谁会帮助我吗?那真是太棒了!

编辑1:

a)我仍在尝试在页面加载时运行 rotateRight 动画。我可能在 .tile 类中有一个带有leftRotate 的hacky 版本,并且在页面加载时将其删除(并添加了rightRotate)。

b) 这

由于添加了代码,Chrome 变得超级慢,我怎样才能让它恢复正常?

我怀疑这需要#tile 的某种时间范围

它现在看起来像一个慢动作。我将尝试添加类似 -webkit-transition: 50ms 的内容。(是的,我知道,总菜鸟)。

0 投票
2 回答
9672 浏览

javascript - 检测通过 animationName 触发了哪个 AnimationEnd

我有几个 CSS3 动画链接到一个 div,但我只希望在最后一个动画结束时调用一个函数。

我已经使用了 animationEnd 事件,以便我可以触发所述功能,但正如我所说,我只希望它在最后一个动画上运行。

有没有办法通过检查触发 animationEnd 事件的动画名称来检测动画是否结束?

因此允许我使用 if 语句来挑出最后一个动画。

0 投票
1 回答
6548 浏览

http-live-streaming - Http Live Streaming ts 段不是以关键帧开头

我正在使用苹果的 http 直播将实时视频流式传输到 ipad/iphone。其中一个重要步骤是将传输流与播放列表一起分割成几个 ts 段。根据苹果的文档,推荐的 ts 段持续时间为 10 秒。然而,更长的持续时间总是意味着更多的延迟,所以我试图将这个持续时间减少到 2 甚至 1 秒。

Apple 文档还要求在关键帧边界之间进行分割,这意味着每个 ts 片段都应该以关键帧开头,这样才能独立播放。冲突的部分来了,传输流每隔一两秒就有一个关键帧几乎是不可能的,而且也是浪费的。所以我的问题是,如果 ts 段不以关键帧开头,http 直播仍然可以工作吗?

0 投票
1 回答
5614 浏览

animation - 我怎样才能避免这个css3后台循环跳转?

我最近一直在尝试一些css3。我想要做的是让背景图像向左滑动并无缝重复以产生无限背景动画的效果(有点像他们在旧卡通中做背景的方式,它只是一遍又一遍地循环......)。我在使用这个 css3 时面临的问题是,一旦动画完成,它就会重新回到它的起始位置。见这里:我的博客。动画完成后,标题为“super sluggy”的条目的背景将恢复原位。我一直在寻找 w3schools 的答案,以及谷歌甚至相关的堆栈问题,但我无法在任何地方找到解决方案。这是我的代码:

如果沿 x 轴重复,背景本身是无缝的,但是当动画过渡时,过渡是一个快速的快照,我希望它是无缝的,或者我应该说它对用户来说是不明显的。

有谁知道如何解决这一问题?谢谢!

0 投票
1 回答
11269 浏览

ffmpeg - ffmpeg关键帧提取

我一直在尝试使用 ffmpeg 0.11.1 从视频中提取关键帧。到目前为止,我尝试过的所有命令都没有提取关键帧,而是返回所有帧,即 25fps* 输出中帧的总时间数。我尝试将 keyint_min 设置为 25 以确保每秒最多有 1 个关键帧。

但仍然返回所有帧。

然后我尝试将关键帧分开 20 秒。

同样的结果,所有的帧都被返回。

我该怎么办?

0 投票
2 回答
1868 浏览

html - CSS3 动画中 Firefox 的背景图像

我正在用 CSS 制作关键帧动画。由于支持 -webkit 语法,动画似乎在 Chrome 中运行良好。

我为 Firefox 尝试了下面的代码,但它不起作用

请让我知道我会在 FF 中工作。

这是 CSS 部分。

这是HTML