← 返回

渐变生成器

CSS Gradient · 可视化设计
°

📖 什么是 CSS 渐变

渐变(gradient)是两种或多种颜色之间的平滑过渡,常用于网页背景、按钮、卡片与图标的视觉层次。 线性渐变(linear-gradient)沿指定角度方向过渡,径向渐变(radial-gradient)则从中心向外扩散。 通过多个色标(color-stop)可精确控制每一段颜色的起止位置,配合角度或形状即可设计出丰富的视觉效果。 将本工具生成的 background 样式直接应用于 CSS 即可得到相同的渐变效果。