CSS 渐变生成

可视化生成 CSS 渐变代码

#6366f10%
#ec4899100%
CSS
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

CSS 渐变类型

• 线性渐变（linear-gradient）：颜色沿直线方向过渡
• 径向渐变（radial-gradient）：颜色从中心向外辐射

使用方法

选择渐变类型，添加颜色节点，调整角度或位置，复制生成的 CSS 代码即可。