周所周知,在windows版的chrome上,对点阵字体使用text-shadow给字加上有模糊半径的阴影或发光效果后,会发生下面的现象:

 

解决chrome使用text-shadow(文本阴影)css时汉字发虚的问题

 

 

a:hover{text-shadow:0 0 0.2em lightblue,0 0 3em lightblue,0 0 0.5em lightblue !important;}

 

 

 

今天无意中发现,用一个小小的hack就能解决这个问题:

 

 

a:hover{text-shadow:0 0 0, 0 0 0.2em lightblue,0 0 3em lightblue,0 0 0.5em lightblue !important;}

 

 

效果:

解决chrome使用text-shadow(文本阴影)css时汉字发虚的问题

相关文章:

  • 2022-12-23
  • 2021-11-19
  • 2022-01-01
  • 2021-12-12
  • 2022-02-12
  • 2021-11-21
  • 2022-12-23
猜你喜欢
  • 2021-09-25
  • 2021-12-12
  • 2021-08-08
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案