CSS 格拉迪特发电机
在您的浏览器中创建线性、放射性和孔式CSS格拉迪安。
彩色停止
使用停管或键盘箭头编辑位置,每个停管都包含明确的颜色、不透明度和百分比。
就绪
浏览器本地处理
您的格拉迪安留在此浏览器中. 没有颜色或生成的 CSS 发送到 Convertr。
限制进口语法
进口接受线性格拉迪特(),雷达格拉丁(),或康因格拉里特()与六色和百分比。
可用的落后
生成的 CSS 包含一个固定的背景颜色落后,以及未支持的雷达和可访问的控制克罗姆的格拉迪特。
常见问题解答
我的格拉迪特被上传了吗?
格拉迪特状态、颜色、进口的CSS和生成的CSS在您的浏览器中保持。
哪些 CSS 格拉迪特类型支持?
发电机创建线性格拉迪特(),放射格拉丁(),和多色赫克斯的结尾格拉蒂特()。
我可以进口什么?
进口接受一个故意限制的字体,使用一个支持的格拉迪特功能,黑色颜色,可选比例和有限的角度或位置值。
CSS 格拉迪特发电机
构建线性或辐射的CSS格拉迪安特,并预览颜色停,角度,位置和重复。
- 输入
- 格拉迪特类型、颜色停点、位置、角度和重复设置.
- 输出
- 直播预览和可复制的CSS背景声明.
- 真正的限制
- 浏览器的播放可以根据发动机有所不同,而该工具不会评估对比或保证支持在遗产浏览者。
- 隐私与数据处理
- 格拉迪特类型、颜色停止、位置、角度和重复设置在此浏览器选项卡中进行处理. 转换器不会收到或存储;关闭或重新加载页面会清除工作状态,除非该工具明确提供本地下载。
如何使用此工具
- 提供格拉迪特类型、颜色停点、位置、角度和工具控制器中的重复设置。
- 选择影响直播预览和可复制的 CSS 背景声明的设置,然后运行工具。
- 查看直播预览和可复制的CSS背景声明,然后复制或下载。
常见的失败模式
缺少的颜色停止、不合格的颜色的或不兼容的位置阻止了有效的CSS声明。
有用的例子
创建一个90度线性格拉迪安从0%的#111827到100%的#f59e0b,并复制声明。