渐变色字体有时候不显示问题

最新推荐文章于 2024-04-07 15:18:58 发布

醉红梦颜

最新推荐文章于 2024-04-07 15:18:58 发布

阅读量1.4k

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/qq_16495187/article/details/117231461

版权

Vue 专栏收录该内容

22 篇文章

订阅专栏

当使用渐变色文字并转换为rem单位时，可能会遇到显示异常。通过设置`background: linear-gradient(...); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;`的CSS代码，可以确保渐变色字体在转换后正常显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.使用渐变色的字在经过插件px转rem之后，渐变色的字会出现不显示的问题
用下面的代码解决

  background: linear-gradient(0deg, #807de1 0%, #218cde 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;