CSS 动态渐变生成器

创建线性、径向和锥形渐变，调整动画并导出 CSS。

渐变预设

海风

温暖的夕阳

清凉薄荷

紫雾

热带

火

棉花糖

电紫

午夜

极光

桃子

海洋之水

.gradient-background {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

角度：135°

使用色轮上相邻的颜色实现平滑过渡，或使用互补色实现充满活力、引人注目的效果。

使用 background-position 的动画渐变是 GPU 加速的，并且比 filter 动画性能更高。

确保放置在渐变上的任何文本都有足够的对比度。考虑添加 prefers-reduced-motion 媒体查询。