渐变生成器
创建具有多个色标和方向的精美CSS渐变。
控制选项
自定义您的渐变
↑→↓←
0%
100%
动画渐变
噪点纹理
平滑度0%
预览
查看您的渐变实际效果
linear-gradient(90deg, #667eea 0%, #764ba2 100%)bg-gradient-[to-r]style="{{ background: 'linear-gradient(90deg, #667eea 0%, #764ba2 100%)' }}"使用示例
查看渐变在不同环境中的效果
精美渐变
此卡片使用您的渐变
背景文本
History