最免费 CSS 逐步发电机
以实时预览构建线性 CSS 梯度和弧性 CSS 梯度 - 复制背景代码 。
100%免费
无注册
无水印
爱 Best.Free? 分享它
如何运作
- 选择类型. 选择线性或线性,并设置线性梯度的角度。
- 选择颜色和停止. 设置两个或两个以上颜色及其位置; 在高级选项中添加第三个中点 。
- 复制 CSS. 点击 CSS 复制并在样式表上粘贴背景梯度。
关于此工具
以眼睛而不是盲点编辑值构建 CSS 梯度。 切换线性与 弧性之间的方向, 拖动线性梯度的角度, 并选择至少两个站点的颜色和位置, 并实时进行全宽预览栏更新。 将由此产生的背景属性直接复制到您的样式表 。 高级选项为更丰富的混合添加第三个颜色站, 并允许您选择一个圆或椭圆形状来绘制弧性梯度。 全部在您的浏览器中运行 。
人用它做什么用
- 设计英雄或部分背景渐变
- 创建按钮或卡片梯度填充
- 顺利地混合了两到三个品牌颜色
- 产生辐射聚光或光电效应
经常问到的问题
线性梯度在您选择的角度沿直线混合;弧度梯度从中心点向外混合,作为圆或椭圆。
对于线性梯度,角将决定混合物的方向 -- -- 0°从下到上,90°从左到右,等等。
每个站点都是沿渐变线按百分比排列的颜色。移动一个站点,在颜色位置和混合度有多尖锐的地方移动一个站点。
是。 打开高级选项可以添加第三个颜色停止, 插入到第一个和最后一个颜色混合的颜色之间。
否。在浏览器中,颜色和停止将变成 CSS 字符串。
完全免费,没有帐户,没有限制, 客户端工具, 没有任何计量。
是的,它在你的浏览器中运行,所以 CSS 梯度发电机在电话、平板电脑和桌面上都工作,没有安装的应用程序。
通常通常只有几秒钟的典型文件 - CSS 梯度生成器在输入输入时开始工作。
使用权是无限的, 在一个慷慨的公平使用上限下, 保持它快速为每个人。
所有的现代浏览器 - 铬、 Safari、 Firefox 和 边缘。 CSS 梯度生成器不需要安装在您已经使用的浏览器之外。