径向渐变
创建径向渐变效果
📖 使用指南 点击查看详细使用说明和功能介绍
收起 展开
📖 使用指南
点击查看详细使用说明和功能介绍
功能介绍
径向渐变生成器可以生成CSS径向渐变代码,从中心向四周扩散的渐变效果。
主要功能
1. 渐变形状选择
支持圆形和椭圆形两种形状
2. 渐变位置选择
支持9种位置:居中、上、下、左、右、四角等
3. 多颜色支持
支持2-4个颜色,每个颜色可设置位置
4. 实时预览
实时预览渐变效果
5. CSS代码生成
自动生成完整的CSS代码
使用方法
- 选择渐变形状
- 选择渐变位置
- 设置各颜色及其位置
- 查看渐变预览
- 点击复制按钮复制CSS代码
适用场景
- 网页设计:创建圆形渐变背景
- UI设计:制作圆形按钮和图标
- CSS开发:生成径向渐变CSS代码
常见问题
径向渐变和线性渐变有什么区别?
线性渐变是沿直线方向变化的,径向渐变是从中心向四周辐射变化的。
如何让渐变从左上角开始?
将位置设置为"top left"即可。