加载时禁用CSS动画触发器

时间:2014-12-04 17:09:51

标签: html css css-animations blink

我正在网页上工作,最近遇到了以下代码的问题。

这是最小化的例子:

index.html

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

style.css

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

基本上我想稍后让#author在淡入淡出时改变颜色,这可以按照需要运行。

我遇到的问题是,当我在Chrome(实际上是Chromium)中打开它时,我在加载页面后立即从黑色转换为#f0f0f0,我不明白为什么。这肯定不会发生在Firefox上。我应该怎么做以防止它在Chrome上发生?

2 个答案:

答案 0 :(得分:1)

您是否尝试过实际的Chrome? Chromium和Chrome Canary是开发浏览器,并且始终以beta模式运行,因此不要指望标准行为。

答案 1 :(得分:0)

好的,现在,这很令人尴尬,但我找到了消息来源。它是由Stylebot extension引起的,关闭它会停止效果。

有趣的是,它的Stylebot存在什么干扰,它既不会修改任何东西,也不会在该网站上激活。