CSS 渐变生成
可视化生成 CSS 渐变代码
#6366f10%
#ec4899100%
CSS
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);CSS 渐变类型
• 线性渐变(linear-gradient):颜色沿直线方向过渡
• 径向渐变(radial-gradient):颜色从中心向外辐射
使用方法
选择渐变类型,添加颜色节点,调整角度或位置,复制生成的 CSS 代码即可。
可视化生成 CSS 渐变代码
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);• 线性渐变(linear-gradient):颜色沿直线方向过渡
• 径向渐变(radial-gradient):颜色从中心向外辐射
选择渐变类型,添加颜色节点,调整角度或位置,复制生成的 CSS 代码即可。