渐变文本，-webkit-background-clip: text；

朝朝忆萍

已于 2023-09-22 14:13:25 修改

阅读量287

点赞数

分类专栏：前端基础知识文章标签： javascript 前端 html

于 2023-09-22 14:06:39 首次发布

本文链接：https://blog.youkuaiyun.com/jddfj/article/details/133168867

版权

前端基础知识专栏收录该内容

2 篇文章

订阅专栏

<span
  style="
    font-size: 20px;
    background-image: linear-gradient(
      90deg,
      rgb(0, 0, 255) 0%,
      rgb(255, 0, 0) 100%
    );
    -webkit-background-clip: text;
    color: transparent;
  "
>
  每天一个小技巧，渐变文本
</span>

-webkit-background-clip: text;以文字内容切割元素