问题标签 [css-animations]

我想在 HTML 中模拟控制台 UI，并且需要在文本下闪烁下划线。我的方法是将类置于具有动画的underblink。颜色循环，文本隐藏和取消隐藏，但下划线永远不会出现。为什么 ？

CSS：

HTML：

我正在努力做到这一点，所以当页面加载时出现圆圈很好，但我需要它们向外增长，从中心而不是从左上角从小到大：

你可以在这里看到我目前拥有的：http: //thomasbritton.co.uk/projects/ebrd/

理想情况下，希望这在 CSS 中完成，但如果它更容易/更稳定，则可以使用 JS。

有任何想法吗？

这是我的动画部分的CSS：

这是我的问题：

我有一个 jQuery 幻灯片（使用 .cycle lite 插件），基本上我在每张幻灯片之间都有一个超级简单的淡入淡出过渡。很容易。

幻灯片中的每个主要元素都应用了 CSS3 动画，因此当它们进入场景时，它比简单的幻灯片更具动画效果。

它在 webkit 中完美运行，但 Firefox 仅将 css3 动画应用于第一张幻灯片。其余的幻灯片只是简单地淡入。

我想知道是否有人知道这是为什么，是否有修复，或者我的代码是否混乱。

谢谢！

HTML

CSS

所以基本上我希望将相同的动画效果应用于各个幻灯片的每个部分，这就是为什么我不使用任何 ID 进行样式设置的原因。

您可以提供的任何帮助将不胜感激！谢谢！

我正在使用关键帧来缩放我网页上的元素。问题是动画在 chrome 中完美运行，但在 safari 中没有运行。我在关键帧中提供 0% 、 80% 和 100% 的值，并且每次动画结束时，它都会返回定义为 80% 而不是 100% 的属性。我还使用填充模式在最后一帧停止动画，但仍然没有解决方案。

动画结束后，它再次恢复到 80% 的属性

有没有办法用 jQuery 判断动画何时达到其动画的 100%？

这是我当前的代码

这循环通过背景图像滑动到下一个，但我宁愿它不滑动，所以它基本上像下面的 js 代码一样工作：

有没有可以做我想做的效果？

提前致谢 ：）

我一直在使用 css3 动画更改元素的背景颜色。但是它在 Chrome 中不起作用。我附上了我正在使用的代码的 jsFiddle 示例。它适用于 Firefox，但不适用于 Chrome，尽管我尽了最大努力，但我仍然无法解决问题所在。

在 chrome 中似乎只忽略了对背景颜色的引用。如果我移动项目或对元素应用任何其他效果，它工作正常。

http://jsfiddle.net/qWKEs/6/

提前致谢。

我在我的页面上使用 css 动画，当动画运行时，Safari 似乎会更改页面其他地方的不相关字体粗细。知道为什么会这样吗？所有其他浏览器都可以正常工作，包括 Chrome 等 webkit 浏览器。

我在这里的视频中详细介绍了这个错误 - http://www.screenr.com/gZN8

该网站也在这里 - http://airport-r7.appspot.com/但它可能会不断变化。

我在箭头图标上使用指南针（@transition-property，@transition-duration）。没有在闪烁的标题上应用任何过渡。在 Mac 上 - 所以它可能是硬件加速，但我仍在试图弄清楚。

我正在尝试在完成后保留 CSS 动画属性，这可能吗？

这就是我想要达到的目标......

当用户登陆页面时，该元素应该被隐藏，在 3 秒（或其他任何时间）后，它应该淡入并且一旦动画完成它应该保持在那里。

这是一个小提琴尝试...... http://jsfiddle.net/GZx6F/

这是保存的代码...

我知道如何用 jQuery 做到这一点。它会是这样的......

我想在 3D 空间中制作动画。我知道这可以通过 CSS 和 HTML5 实现，但我找不到一个很好的实用教程！

我以这个网站为例。您可以一直选择文本等。有人可以给出一个非常容易理解的小例子吗？看到源代码，但不是很懂……</p>

这是 CSS3 还是 HTML5 或两者兼而有之？

我需要多少 JavaScript？

哪些浏览器支持这个？