模糊的光 ⁇ 工作室
产生多点流体网格梯度,带有射线色彩模糊,扩散滑块和现代美学.
在您的浏览器中运行。您的文件不会离开设备。 了解如何验证
…
使用方法
- 1第1步:打开模糊的光 ⁇ 工作室并输入内容
输入数字或文字、添加文件,或选择所需选项。不会上传任何内容:一切都保留在您的浏览器中。
- 2第2步:模糊的光 ⁇ 工作室能做什么
产生多点流体网格梯度,带有射线色彩模糊,扩散滑块和现代美学.
- 3第3步:查看结果并对比
结果会立即显示。改动一个数值,看看答案如何变化,然后保留符合您情况的数字。
- 4第4步:复制或保存
复制结果或下载。做重要决定前,请向官方来源或专业人士确认。
关于此工具
网格梯度是现代SaaS和移动应用设计中最突出的视觉趋势之一.通过将多个射线梯度坐标与深层背景模糊扩散相结合,该工作室创建了有机色彩光环和环境背景.复制纯CSS代码准备好用于您的Web应用程序.
获得最佳结果的提示
开始之前请花一点时间阅读选项,并先用一个小例子试用工具。一切都在您设备的浏览器中运行;您输入或添加的任何内容都不会被上传,关闭标签页会清除所有内容。如果看起来不对,请刷新页面重试,或使用本页的报告链接告诉我们出了什么问题。如果结果仍然看起来不对,请每次只更改一个值,看看哪个输入影响最大。如果您还会再用,请收藏此页。
要点
- 分类: 图片
- 在浏览器中运行,无需注册,无需上传。
- 您输入的信息保留在设备上。
- 提供多种语言。
- 内容最后审核日期:
常见问题
什么是CSS网格梯度?
网格梯度将多个不同的颜色 ⁇ 点混合在一个元素上,使用分层的射线梯度和高斯模糊过 ⁇ 器.
可以用这作为一个全页的英雄背景吗?
应用生成的CSS到页面包装或英雄容器中,
如何使用扩散滑块?
扩散滑块调整模糊半径 (从20px到100px),以控制颜色过渡是否显得清晰或超流 ⁇ .
需要外界图像或SVG吗?
整个背景是用纯粹的,轻量级CSS代码 ⁇ 染的.
