CSS3有bug的悬停/过渡效果

Question

我有一个问题与悬停在我的网站上的链接。注意:我用的是黑色背景上的白色字体。我有几个链接——只是典型的

<a href="link.com" target="_blank" class="ext_link">Click here</a>

我的css:

.ext_link {transition:0.5s; -webkit-transition:0.5s;}
.ext_link:hover {color:rgba(125, 249, 255, 1); opacity:0.75;}

当我将鼠标悬停在其中一个链接上时，动画就会出现——它看起来像链接开始一秒钟变成灰色，然后突然变成蓝色，没有任何过渡。然后，当我把鼠标拿开时，这个过程反过来发生。链接突然变成灰色，然后逐渐变回原来的白色。

这是一个新的错误——我的网站直到两天前还在正常工作。还要注意，这个错误只发生在我的电脑上。当我在别人的电脑上访问我的网站时，动画工作得很好。

我试过清空缓存、重新启动浏览器等

Answer 1

我想现在可以了:
查看这个[LINK]
我不认为这里有什么问题，但有时为了加速你的转换，你可以在你的元素中添加带有供应商的transform: translateZ(0)。

body {
    background: black;
}
.ext_link {
    font-size: 5em;
    color: white;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ext_link:hover {
    color:rgba(125, 249, 255, .75);         
}