关于CSS 渐变生成器
CSS 渐变生成器让你看着效果调背景,不用对着数字盲改:首屏横幅从一个品牌色过渡到另一个,商品图后面一圈柔和的径向光晕,按钮上淡淡的光泽,或者用锥形渐变做饼图式的进度环。可以从预设开始,也可以从零开始,每改一处,预览都会马上更新,满意了再复制代码。
渐变类型有线性、径向和锥形三种,按类型调整角度、形状和位置。色标可以添加、删除和移动,控制每种颜色从哪里开始、到哪里结束。复制的 CSS 第一行是用第一个色标颜色写的纯色背景,即使渐变显示不出来,元素也有背景色,不会一片空白。颜色要精确到色值,可以先用颜色代码转换换算好。全部在浏览器里完成,不上传,也不限次数。
CSS 渐变生成器怎么用
- 1选渐变类型
选线性、径向或锥形,或者从预设开始。
- 2调角度、形状和位置
边调边看实时预览。
- 3编辑色标
添加、删除、移动色标,直到过渡效果满意。
- 4复制 CSS
把带后备颜色的代码复制到样式表里。
为什么用熊仔工匠
- 三种渐变
线性、径向、锥形,各有各的设置。
- 色标随意改
色标可以添加、删除,也能沿渐变移动位置。
- 实时预览
每一处改动马上看到效果。
- 带后备颜色
CSS 先写一行第一个颜色的纯色背景,渐变显示不了时也不会空白。