CSS放射渐变生成器

反馈
二维码
手机扫码查看
收藏
Parameter

编辑器加载中...

编辑器加载中...

CSS放射渐变生成器介绍

CSS放射渐变生成器用于创建径向渐变背景,适合卡片、Banner 与视觉聚焦区域。工具支持设置形状、位置、起止颜色、渐变范围与容器宽度,并生成可直接使用的CSS与HTML结构。

主要参数说明

  • Shape:选择圆形或椭圆形。
  • Position:设置渐变中心位置。
  • Start Color / End Color:设置渐变起止色。
  • Size:设置渐变覆盖范围。
  • Width:设置预览容器宽度。

使用教程

  1. 设置形状与位置:选择渐变形状与中心点。
  2. 配置配色:设置起止颜色与范围。
  3. 调整尺寸:设置容器宽度与大小。
  4. 复制代码:在 CSS 与 HTML 标签页复制生成代码。

应用场景

  • 视觉聚焦:用于强调中心内容。
  • 背景氛围:用于页面或模块背景。
  • 卡片装饰:提升卡片视觉层次。