问题标签 [css-animations]

我在当前正在构建的网站上有一个登录表单，我也有一个注册表单。当单击“注册”链接时，我想通过将 div 旋转到另一侧来添加一些精美的动画。我希望登录表单位于正面，而注册表单位于背面。我宁愿不使用 javascript，但如果有必要，我会。

感谢您提供任何可能的答案！

今天我一直试图让这些 css3 动画在 IE9 中工作几个小时，我被难住了！

我尝试实现一些 JavaScript 回退，但我的知识非常有限，因此它们失败了。我不确定它是否由于我的用户错误或代码错误而失败。

到目前为止，这是我的代码的 jsFiddle，我已经用颜色替换了背景图像。基本上，绿色和黑色方块在 Firefox 和 Webkit 浏览器中旋转。

http://jsfiddle.net/fJxsV/

我也想让它在 IE9 上运行。

如果你能帮我解决这个问题，我将不胜感激！

我真的很喜欢移动版 Gmail 非常流畅的页面转换，https://mail.google.com/mail/mu。

有谁知道他们是怎么做到的？有他们使用的图书馆吗？

我环顾四周，但并不明显。一个提示将不胜感激。

如果您使用 CSS3 动画在屏幕上定位相对位置的元素

当您使用 javascript 询问项目位置时，它会报告该项目仍在

例如，看看这个使用 jQuery Isotope 插件的例子中元素的位置：

http://isotope.metafizzy.co/demos/basic.html

我必须像这样使用 jQuery css() 方法吗？我什至不知道这是否会奏效！

更新：

我在 JsFiddle http://jsfiddle.net/uQtur/3/上发布了一个示例

JS

HTML

我正在尝试使用 javascript 为移动网站制作一个简单的视差效果。

当我从桌面浏览器检查时，它工作正常。当我从移动设备检查它并使用触摸滚动时，动画会冻结。松开触摸屏后再次显示。

当我使用触摸屏滚动时，有什么方法可以保持动画？

好吧，当您滚动触摸屏手机时，任何类型的 JS 动画都会冻结。

如果有人想在现场看到问题，请看这里

http://johnpolacek.github.com/scrollorama/

它在桌面浏览器中表现出色，但在触摸和滚动时会冻结来自移动浏览器的动画。

谢谢

我正在做一个投资组合，以显示我何时申请下一次学习。因为我们生活在 2012 年，所以它有大量精美的动画和 CSS3 垃圾，只是为了给他们“我们需要这个人”的感觉。我现在有一个小问题。

这是特定元素的一小部分：

请注意，我省略了 Firefox 关键帧，因为它们完全相同。正确的，丑陋格式的 CSS 使带有 id 'fadein' 的元素...淡入。

问题是，动画完成后元素又消失了。这会将格式难看的 Css 变成不可用的 Css。

有人知道如何在动画后保持更改的样式吗？

我想这个问题之前已经被问过，如果是这样，我很抱歉。

我正在尝试在我正在构建的网页上使用 CSS3 制作一个非常简单的动画，我想要的只是旋转一个具有透明度的 png 文件。我让它旋转了，但是现在页面的滚动很不稳定，你有什么解决方法的提示吗？

jsfiddle：http: //jsfiddle.net/hybam/SaNbb/1/

网站（开发早期）： http: //fractale.es/boilerplate/

我需要 8 种不同的 CSS3 动画，它们太相似了，所以我使用了 LESS。下面是完美运行的代码，有一个小故障 - @name 变量。

因为 css 关键帧是由 @ 符号开始的，所以 LESS 简单地忽略了 @name 的变量。有什么办法可以逃避关键帧@符号或强制LESS以某种方式正确渲染@name？

我有一点 CSS3 动画，它在除 safari 之外的所有支持 CSS3 的浏览器中都能完美运行。是不是很奇怪？好的，这是我的代码：

HTML

CSS

好的，正如我所说，这在 Safari 中不起作用，没有任何动作。
此外，仍然且仅在 Safari 中，仅当您调整屏幕大小时才会显示键臂 div！它在 DOM 中，但由于某种原因它没有出现！
我究竟做错了什么？

谢谢
毛罗

更新：好的，从您的回答中我得知 Safari 4 不支持 @keyframes。这很奇怪，因为在同一页面上我有一个使用 @keyframes 工作的动画！

这是CSS代码：

和html：

在 jsFiddle 中自己尝试一下（如果你有 Safari 4），你会看到

我们可以通过使用 css3 动画来移动背景图像而不是移动 div 吗？

例如：

在这种情况下 div 将移动到left:500px;我们可以只移动背景图像吗？

感谢您的回答。