56px
漸層文字
什麼是漸層文字產生器？
漸層文字產生器會為文字套用平滑的多色漸層，並輸出可直接使用的 CSS。即時預覽效果，並將 CSS 類別直接複製到樣式表中。
如何使用漸層文字產生器
- 輸入文字並選擇漸層顏色。
- 選擇方向並調整字型大小。
- 複製 CSS 並貼到樣式表中。
了解更多▾
CSS 漸層文字的運作方式
CSS 漸層文字使用 background: linear-gradient(...) 搭配 -webkit-background-clip: text 與 -webkit-text-fill-color: transparent。這會將漸層裁剪為文字形狀，讓字母看起來填滿漸層色彩。
常見問題
這在所有瀏覽器都能運作嗎？
是的。已加入 -webkit 前綴，以確保廣泛相容性。