CSS过渡(如果过渡后有font-weight的变化,会闪黑)
.tab-item{
color: #9A9A9A;
font-weight: 400;
transition: .3s;
}
.active{
color: #FC8800;
font-weight: 500;
}
字重不支持过渡会直接变化(这是前提,不是bug)
PC端这样子过渡颜色过渡,正常,。不会出现闪黑。。。
但是 真机因为有了字重的变化 颜色会闪变黑色然后变为最后的颜色。
工具可能不支持字重所以和浏览器保持一致
如果不使用font-weight不会出现这个问题