Question

在我的标题中，我指定了这个CSS。

a:link {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color:#3462D6;
}

a:visited {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color:#3462D6;
}

a:hover {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color:#82D1F7;
}

a:active {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color:#3462D6;  
}

a {
    text-decoration: none;
}

对于大多数链接，转换正在运行，但是我访问过的链接不会在Chrome中播放动画（我还会假设其他webkit浏览器）但是在Firefox中，所有链接都可以完成转换动画

导致Chrome无法转换的原因是什么？网址为http://www.fuyuri.com

Answer 1

将活动状态移至悬停状态之上。 - 链接，访问，活动，悬停，焦点，您需要将转换应用于所有状态。转换不是继承的。

CSS3转换不适用于所有<a> elements as intended</a>

1 个答案: