css - CSS3过渡会减慢网站速度吗？

我目前已将CSS3过渡添加到我的网站。
我不确定是否有可能减慢我的网站的速度，但是一切似乎都在闪烁，并且过渡和Flash视频中存在这种“不正常的行为”。

我正在使用Mozilla Firefox 10.0.02。

我在CSS样式表中添加了以下内容：

*:link, *:visited, *:hover, *:active, *:focus {
    -webkit-transition: color .25s linear, background-color .25s linear, border-color .25s linear;
    -o-transition: color .25s linear, background-color .25s linear, border-color .25s linear;
    -moz-transition: color .25s linear, background-color .25s linear, border-color .25s linear;
    transition: color .25s linear, background-color .25s linear, border-color .25s linear;
}

您能告诉我是我的浏览器运行缓慢还是它是我添加的CSS，如果有，那么有什么证据？

谢谢！

最佳答案

那是因为您已将过渡添加到这些状态的所有内容。

我会改变：

*:link, *:visited, *:hover, *:active, *:focus {

至

a:link, a:visited, a:hover, a:active, a:focus, [...Other elements...] {

因此更具针对性。否则，当您四处移动鼠标时，将触发悬停状态，从而导致浏览器必须检查过渡。