问题标签 [webkit-animation]

情况：我在一个项目上有一个事件监听器。当我按下它时，它会调用一个执行 webkitAnimation 的方法，结果我返回动画的结尾。

问题：如果我在我的项目上单击几次，webkit 动画的侦听器没有重置，所以我收到很多回调..

我尝试使用 removeEventListener 但它不起作用..

提前致谢！

}

这是我第一次发帖。在过去的两个小时里，我已经搜索并解决了问题，但无法解决我的问题。我怀疑这是愚蠢而简单的事情，但我找不到错误。

这是我的测试页面http://www.enviroprofit.com/sandbox.php的摘录。屏幕右下角的 rss 提要块应该滚动浏览块内的标题。此操作在 IE10 和 Firefox 中正常工作。

我已将 -webkit- 属性添加到 CSS 中，但它们似乎不起作用。

如果标签不匹配，请不要担心。HTML 只是 php 脚本的摘录。非常感谢。

我有一个称为 .row 的 CSS 元素，如下所示：

我想使用 javascript 或 JQuery 将动画速度（100 秒）更改为动态值。所以我尝试了这个：

这会导致动画停止播放；该行不移动。我可以将其他值（例如高度）更改为 200 像素，并且高度确实会改变。问题是，动画被杀死了。

我该如何解决这个问题？

我有一个使用 webkit 动画和 CSS 完成的旋转轮播。轮播下方有 3 个项目，每个项目都有一张照片和一段文字。我正在尝试将文本链接到 3 个不同的链接。

现在所有 3 个文本框都链接到同一个链接（最后一个）。我感觉它可能与 z-index 有关，但我不确定。我已将所有代码放入 jsfiddle 中。

http://jsfiddle.net/LGbbf/1/

任何帮助表示赞赏！

涉及的 HTML 代码

涉及的 CSS 代码

我试图在 3 秒后消除引导警报。我做到了，但它只是消失并保持了 div 的高度。我可以只用 CSS 删除那个 div 吗？我试过显示：无；它也没有用。我需要帮助。

这就是我所做的：

CSS：

HTML：

提前致谢

我会在点击时移动卡片并将它们放在带有过渡动画的绿色桌子上；然后当牌在桌子上时，当我点击它们时，它们必须显示正面，然后返回背面。代码不起作用，我看到页面左侧的背面卡片，但是当我点击时没有任何反应。

通过 JavaScript 使用更改animation-duration（或在本例中为）属性后，我在 Chrome 中的元素检查器中看到了更改，但实际动画速度没有改变。另外，如果我手动更改元素检查器中的值，也没有任何变化。-webkit-animation-durationsetProperty("-webkit-animation-duration", value + "s")

我设置了一个输入字段来获取动画速度值，该值连接到以下事件侦听器（orbitFactor是在其他地方定义的全局变量）：

事件侦听器肯定会被调用，并且-webkit-animation-duration元素检查器中的值确实会发生变化，但动画的速度不会。关于我这里有什么遗漏-webkit-animation-duration吗？我使用相同方法更改的其他属性（例如width和）确实发生了明显变化。height

提前致谢

编辑：请注意，这是 Chrome 40 中的一个问题，但它在 Chrome 42 和 Firefox 35 中正常工作。

我对 JS 不是很精通，也无法理解如何对我的问题应用类似的答案，因此非常感谢您的帮助和建议。

我在做什么： 我正在开发一个 webview 弹出窗口。它底部有一个关闭按钮，我希望它的动画效果与应用内按钮相同。

我是怎么做的： 我目前只是用<a href="#" onclick="window.close(); return false;"><img class="button" src="img.png"></a>.

我有一个改变img.button:active模式的 webkit 动画。

我的问题： 我希望在窗口关闭之前完成转换。我知道我必须用它addEventListener来检查过渡何时结束，但我似乎无法正确使用window.close(). 有没有好的方法来做到这一点？

我自己整天阅读大量文档都无法弄清楚这一点。

我的目标是构建一个图像滑块，当 APPLE 标志动画运行时，苹果产品从下方飞掠而过。问题是这样的，我添加了@keyframes 动画以使 iPhone 从右侧（我们的右侧）出现，然后在它从屏幕向左俯冲时离开。

但是当我添加 MACBOOK 时，我什至没有给它添加动画或任何东西，它与 iPhone 一起运行！

这是html和样式：

html:

款式：

Font Awesome 包含一个用于类元素的旋转动画fa-spin。对 CSS 的检查表明，一个旋转元素是使用再次称为 的关键帧定义实现的fa-spin。

我不想定义一个新的动画，而是想在悬停选择器中使用这个现有的动画。

但这根本行不通。

这是JSBin中的一个示例。

起初我认为这是因为 JSBin 在定义 Font Awesome 规则之前导入了 CSS 部分，但事实并非如此。