gpt4 book ai didi

CSS 动画在 Google Chrome 中不起作用,但在其他浏览器中起作用

转载 作者:太空宇宙 更新时间:2023-11-04 14:33:16 29 4
gpt4 key购买 nike

如果你看这个例子http://codepen.io/jezen/pen/CAHsk ,您会看到动画在 Chrome (v29)(以及其他现代浏览器)中运行。我采用了完全相同的 CSS 代码并将其保存到我的本地驱动器,并创建了一个引用 CSS 文件的非常简单的 HTML 页面。页面加载并应用了 CSS 样式,但动画没有在我的本地版本中运行。

HTML 文件就这么简单:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Arcs</title>
<link rel="stylesheet" type="text/css" href="arcs.css">
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>

我引用的 arcs.css 文件是从我上面链接的源站点中精确复制/粘贴的。

另一个有趣的信息。如果你在这里访问作者的演示站点:http://jezenthomas.com/experiments/arcify/使用相同的浏览器,动画运行得很好。但是,如果您单击示例提供的“HAML”、“JS”或“CSS”选项卡,然后单击返回“结果”选项卡,您将看到动画不再运行。

最佳答案

您需要在您的 css 中为动画和变换标签添加 -webkit- 前缀。目前 MS IE10 和 FF 支持无前缀转换。祝你好运,让我知道进展如何! :)

关于CSS 动画在 Google Chrome 中不起作用,但在其他浏览器中起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18972248/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com