渐变示例

按钮应用

渐变色可以让按钮看起来更有立体感和点击欲。

Call to Action

文字渐变

使用 background-clip: text 可以实现炫酷的文字渐变效果。

Gradient Text Effect

.gradient-text {
  background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

背景应用

全屏渐变背景可以营造强烈的氛围感。