html - 在加载时禁用 CSS 动画触发器

我正在处理网页，最近遇到了以下代码的问题。

这是最大程度缩小的示例:

index.html

<!DOCTYPE html>
<head>
    <link rel="stylesheet" type="text/css" href="/style.css">
</head>
<body>
    <div id="author">Lorem ipsum</div>
</body>

样式.css

#author {
    color: #f0f0f0;
    transition: color 0.5s ease-in-out;
}

基本上，我稍后想让 #author 在悬停时使用淡入淡出更改颜色，这可以按需工作。

我遇到的问题是，当我在 Chrome(实际上是 Chromium)中打开它时，我在加载页面后立即从黑色过渡到 #f0f0f0，我不知道为什么。这绝对不会发生在 Firefox 上。我应该怎么做才能防止它在 Chrome 上发生？

最佳答案

您是否尝试过真正的 Chrome？ Chromium 和 Chrome Canary 是开发浏览器，始终以 Beta 模式运行，因此不要期待标准行为。

关于html - 在加载时禁用 CSS 动画触发器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27299874/