CSS过渡(如果过渡后有font-weight的变化,会闪黑)
发布于 5 年前 作者 iyan 10519 次浏览 来自 官方Issues
.tab-item{
  color: #9A9A9A;
  font-weight: 400;
  transition: .3s;
}

.active{
  color: #FC8800;
  font-weight: 500;
} 

字重不支持过渡会直接变化(这是前提,不是bug)

PC端这样子过渡颜色过渡,正常,。不会出现闪黑。。。

但是  真机因为有了字重的变化  颜色会闪变黑色然后变为最后的颜色。

工具可能不支持字重所以和浏览器保持一致

如果不使用font-weight不会出现这个问题 

1 回复

请勿抬杠说为啥非要过渡中加font-weight

或者说font-weight不支持过渡

PC浏览器不会闪黑

回到顶部