---
tags: Css
---
# CSS 文字漸層顏色
###### tags: `css`

.font {
  font-weight: bold;
  background: -webkit-linear-gradient(45deg, rgb(253,18,226) 20%, rgb(164,67,221), rgb(84,126,255) 90% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #978170;
}

<iframe height="300" style="width: 100%;" scrolling="no" title="Untitled" src="https://codepen.io/juest/embed/jOYopPm?default-tab=&editable=true" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
See the Pen <a href="https://codepen.io/juest/pen/jOYopPm">
Untitled</a> by gt.juest (<a href="https://codepen.io/juest">@juest</a>)
on <a href="https://codepen.io">CodePen</a>.
</iframe>