526互联

CSS 文字渐变

发布时间 2023-12-19 14:16:10作者: Kllin

/实现文字颜色从红到黄的线性渐变效果/

.text {
  background: linear-gradient(to right, #ff0000, #ffff00); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
  -webkit-text-fill-color: transparent;/*给文字设置成透明*/
}