问题标签 [css-animations]

我只是将动画设置为 div 并且它成功了。现在我想证明它，因为它的延迟太短了！那么如何添加动画（0% 到 25%）和动画（25% 到 50%）之间的延迟时间，这里是代码：

大家！谢谢大家的关注！我找到了答案，但是我不知道关键帧百分比定义的Api！如果你知道的话，请帮我一把，非常感谢！

我希望我的 GWT 小部件在其CSS 动画结束时得到通知。

在普通的 HTML/Javascript 中，这很容易通过注册一个事件处理程序来完成，如下所示：

我怎样才能在 GWT 中做到这一点？

GWT 的类不知道这种类型的事件DOMImpl，所以我不断收到错误消息：

“试图接收未知事件类型 webkitAnimationEnd ”。

有没有人遇到过 LESSCSS 和@keyframesor的问题@-ms-keyframes？它为@-webkit-keyframes,@-moz-keyframes和@-o-keyframes.

为什么我不能用 javascript 重复一次 CSS 动画？

小提琴：http: //jsfiddle.net/6XtSa/

我用关键帧制作了一个 css3 动画。但我有一个问题。这是我的代码：

问题是。当我将鼠标悬停在 a 元素上时。a 元素必须设置为宽度 80。当我悬停时。比 a 元素必须返回 25 宽度。但现在，我悬停，他做动画。然后他回到 25 岁。我该如何解决这个问题？

谢谢！

我正在制作一个由 CSS3 驱动的简单登录页面。为了让它看起来很棒，有一个<a>突然出现：

为了让它更棒，我添加了一个悬停动画：

但是问题来了！我分配了这样的动画：

一切正常：<a>溅到用户脸上，当他悬停时有很好的振动。一旦用户模糊<a>平滑的东西就会突然结束并<a>重复splash动画。（这对我来说是合乎逻辑的，但我不希望这样）没有一些 JavaScript 类 Jiggery Pokery 有没有办法解决这个问题？

我有一个场景，我需要在一个 DIV 上做一个淡入动画，这没有按预期工作。经过大量实验，我发现其中一个 div 在应用于它的 css 类中出现了“溢出：隐藏”。如果我评论“溢出：隐藏”部分，动画似乎工作得很好。虽然它解决了我的问题，但是，这个问题在我脑海中挥之不去，“溢出：隐藏”是否不适用于不透明动画。为了您的阅读，这里是代码。

我的浏览器 Chrome 15.0.XXX.X 我的操作系统 Windows XP

我正在使用此处演示的插件执行一些带有过渡的动画http://www.binpress.com/app/demo/app/145

但是我在同一个元素上使用了多个转换。

基本上，我有一个动画，其中有 5 个圆圈作为围绕中心点的卫星对象。中心点有一个小箭头，当您将鼠标悬停在任何卫星点上时，它会使用此插件转换为悬停在其上的卫星圈。

这是我正在做的一个例子，简化了。

现在的问题是，在第一个动画之后，任何后续悬停都不会旋转元素。所以我假设我需要进行某种形式的重置，我一直在查看 jQuery 中的 .stop() 但收效甚微。

有人为我阐明了这一点吗？

我很确定可以使用新的 css 动画功能进行仅 css 的图像淡入淡出。我的要求是它应该适用于没有 javascript 的任意数量的图像。

有谁知道它是怎么做的？

我是如何开始的：

接下来，将所有图像设置为相互堆叠，第一个显示：

现在我如何浏览每张图片？

编辑：似乎不可能。需要 JavaScript。

我对 CSS3 动画还很陌生，所以这对我来说很难。我正在尝试在我网站的顶部栏上创建一种反射效果，以使用户了解该栏。

所以我实际上想要从酒吧的左边到右边的反射游走相当快和放松。

不过我有两个问题…… 1.) 我不知道为什么这个想法不能与background-size:cover;or一起使用background-size:100% 100%？它只在我指定像素宽度时才起作用，但是我只希望它始终为 100%，因为条本身始终为 100% 宽。

2.）我不知道如何让事情暂停 3 秒钟。所以反射效果应该在页面加载的时候开始，然后暂停3秒再重复。

这可能吗？

演示 http://jsfiddle.net/7Akwf/

有人可以帮我吗？