CSS放射渐变生成器介绍
CSS放射渐变生成器用于创建径向渐变背景,适合卡片、Banner 与视觉聚焦区域。工具支持设置形状、位置、起止颜色、渐变范围与容器宽度,并生成可直接使用的CSS与HTML结构。
主要参数说明
- Shape:选择圆形或椭圆形。
- Position:设置渐变中心位置。
- Start Color / End Color:设置渐变起止色。
- Size:设置渐变覆盖范围。
- Width:设置预览容器宽度。
使用教程
- 设置形状与位置:选择渐变形状与中心点。
- 配置配色:设置起止颜色与范围。
- 调整尺寸:设置容器宽度与大小。
- 复制代码:在 CSS 与 HTML 标签页复制生成代码。
应用场景
- 视觉聚焦:用于强调中心内容。
- 背景氛围:用于页面或模块背景。
- 卡片装饰:提升卡片视觉层次。