问题标签 [css-animations]

我正在尝试将选框插件与 div 一起使用，但我不知道该怎么做。

如果你在这里访问我的测试页面，你会看到虽然有两个缓慢移动的 div，一个在左边，一个在右边，但如果你继续等待，它们会逐渐从页面上消失。

我认为使用 Marquee 插件，我可以解决这个问题，但我没有成功使用这段代码，因为插件似乎没有很好地记录。

为什么这段代码不起作用？

我有一个<div>：

在这<div>我有页面的完整正文。

我也有两门课：

我在体内有一个图像：

我需要的是：当光标移到div.mover,div#MDive的类上hide2时会出现动画。

ie:div#MDive的背景图片变为第二张带有动画效果的图片

给定以下 CSS3 动画....

Hello World 文本按预期动画下降 100 像素。但是，在动画结束时，它会跳回其原始位置。

显然，这在 CSSland 中是有意义的。动画已应用且不再作用于元素，因此原始样式生效。不过，这对我来说似乎有点奇怪——当然，如果有人将一个元素动画化到适当的位置，那么人们会期望这种放置会持续存在吗？

有什么方法可以使结束位置“粘滞”，而不必求助于 Javascript 在动画结束时将类名或样式标记到元素上以修复其更改的属性？我知道过渡仍然存在，但是对于我所讨论的动画（示例仅用于演示目的）过渡并没有提供所需的控制级别。没有这个，复杂的动画似乎只用于元素最终回到其原始状态的循环过程。

可能重复：
Webkit CSS 动画问题 - 保持动画的结束状态？

我想为翻转屏幕进行两步转换：我的代码如下：

flippingto 有效，但是在完成动画后，flippingfrom 恢复到原始类，我尝试了 -webkit-transition 但我没有找到一种方法将动画分成两个不同的步骤，而在一个步骤中，它看起来很难看。

这是否意味着我必须添加 javascript？

我有一个 4 部分的 CSS3 动画点击播放 - 但动画的最后一部分是为了把它从屏幕上取下来。

但是，一旦播放完毕，它总是会恢复到原来的状态。任何人都知道我如何在它的最后一个 css 帧 (100%) 上停止它，或者如何在它播放后摆脱它所在的整个 div。

我对动画有点陌生，所以如果我在这里错过了一个巨大的概念，请原谅我。我需要为指向曲线上一个点的箭头设置动画，为了这篇文章，我们假设它是一条三次曲线。箭头沿着曲线的线移动，始终指向它下方的几个像素。

所以我所做的是，我使用 CSS3 沿曲线设置关键帧：

但是，当我使用 -webkit-animation-timing-function:ease-in 运行此动画时，它会将缓动应用于每个单独的关键帧，这绝对不是我想要的。我希望缓动适用于整个动画。

我应该这样做有不同的方式吗？是否有一些属性可以将缓动应用于整个序列而不是每个关键帧？

有没有办法在css3动画的情况下实现回调函数？如果是 Javascript 动画，它是可能的，但在 css3 中找不到任何方法。

我可以看到的一种方法是在动画持续时间之后执行回调，但这并不能确保它总是在动画结束后立即被调用。这将取决于浏览器 UI 队列。我想要一个更强大的方法。有什么线索吗？

CSS3 过渡、变换和动画非常棒。它们甚至更多，现在更多的浏览器确实支持它们。

还有一件事我一直在问自己：为什么规范没有定义 CSS3 过渡和动画应该处理 height:auto？

当我们使用 CSS3 灵活框模型和媒体查询等东西摆脱固定布局时，这没有任何意义。

仅使用 JavaScript 设置具有固定高度的 CSS 过渡是没有任何意义的。

现在是我的问题：

W3C 是否会指定 CSS3 过渡和动画应该支持 height:auto 或者我们可以要求他们指定这一点？

CSS3 3D 变换 + 动画很棒。我想知道是否有办法使某些东西弯曲。

此示例翻转（纸张）div，但动画看起来很僵硬，因为实际上，当您翻转纸张时，它会弯曲一点。

那么我忽略的任何属性或者可能使它看起来像弯曲的组合？

弯曲的页面卷曲示例（图像）： http: //numerosign.com/software/css3machine/#documentation

在这个社区的其他人的帮助下，我构建了一个 CSS3 Ken Burn 效果。在我们切换到翻译动画之前，它很生涩。现在非常顺利。

http://jsfiddle.net/gxUhH/52/

现在的问题是，当页面在触摸屏设备上滚动时，它会变得生涩。这大概是因为需要额外的处理能力。

我认为解决方案是在滚动时暂停动画，然后在滚动完成后再次播放。我不知道如何做到这一点。我也很乐意听到关于此事的任何其他建议。

上面的小提琴将向您展示所有功能。目前只有 WebKit。

有任何想法吗？

奇妙