CSS 渐变生成器
可视化创建线性和径向 CSS 渐变。
background: linear-gradient(90deg, #6366f1, #ec4899);设计带实时预览的 CSS 渐变,并复制可直接使用的背景代码。
使用方法
- 选择线性或径向。
- 选择颜色和角度。
- 复制 CSS。
常见问题
- 我可以添加更多色标吗?
- 此生成器使用两个色标;你可以手动扩展复制的 CSS。
- CSS 用在哪里?
- 将其用作 background 或 background-image 属性的值。
可视化创建线性和径向 CSS 渐变。
background: linear-gradient(90deg, #6366f1, #ec4899);设计带实时预览的 CSS 渐变,并复制可直接使用的背景代码。