🍋 CSS Tools
CSS 渐变生成器
生成线性和径向 CSS 渐变
chars
words
sentences
lines
Gradient Options
结果
结果
关于 CSS 渐变生成器
生成 CSS 线性渐变和径向渐变。可视化编辑颜色和方向。
工作原理
提供可视化编辑器来设置渐变方向、颜色和停止位置。实时预览渐变效果并生成对应的 CSS 代码。
分步教程
- 1 [
- 2 '
- 3 选
- 4 择
- 5 渐
- 6 变
- 7 类
- 8 型
- 9 （
- 10 线
- 11 性
- 12 /
- 13 径
- 14 向
- 15 ）
- 16 '
- 17 ,
- 18
- 19 '
- 20 添
- 21 加
- 22 和
- 23 调
- 24 整
- 25 颜
- 26 色
- 27 停
- 28 止
- 29 点
- 30 '
- 31 ,
- 32
- 33 '
- 34 调
- 35 整
- 36 渐
- 37 变
- 38 方
- 39 向
- 40 或
- 41 角
- 42 度
- 43 '
- 44 ,
- 45
- 46 '
- 47 复
- 48 制
- 49 生
- 50 成
- 51 的
- 52
- 53 C
- 54 S
- 55 S
- 56
- 57 代
- 58 码
- 59 '
- 60 ]
提示
- [
- '
- 4
- 5
- °
- 角
- 的
- 线
- 性
- 渐
- 变
- 是
- 最
- 常
- 用
- 的
- 渐
- 变
- 方
- 向
- 。
- '
- ,
- '
- 使
- 用
- 相
- 近
- 色
- 调
- 可
- 以
- 创
- 建
- 柔
- 和
- 的
- 渐
- 变
- 过
- 渡
- 。
- '
- ,
- '
- 径
- 向
- 渐
- 变
- 适
- 合
- 创
- 建
- 高
- 光
- 和
- 焦
- 点
- 效
- 果
- 。
- '
- ]