CSS毛玻璃效果生成器

在彩色背景上通过实时滑块调整背景模糊程度、玻璃色调与不透明度、边框不透明度以及圆角大小，即可复制精确的CSS代码（包含适配Safari的WebKit前缀）。

所有处理都在你的设备本地完成——不会向任何服务器发送数据。

背景模糊（Blur）12px玻璃色调色调不透明度20%边框不透明度30%圆角20px

CSS 代码

background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.30);
border-radius: 20px;

继续使用

完全本地

CSS阴影生成器

通过滑块可视化设计CSS box-shadow阴影效果，并复制生成的代码。

设计与 CSS 工具打开工具

完全本地

CSS圆角生成器

可视化设计圆角效果（包括不对称形状），并复制生成的CSS代码。

设计与 CSS 工具打开工具

完全本地

CSS渐变生成器

以可视化方式设计线性或径向CSS渐变，并复制生成的代码。

设计与 CSS 工具打开工具

想试试 Uddatak 吗？

浏览完整的工具库，现在就开始使用你需要的功能 —— 完全免费，无需注册。

查看所有工具

CSS毛玻璃效果生成器

CSS 代码

继续使用

CSS阴影生成器

CSS圆角生成器

CSS渐变生成器

相关工具

CSS Grid与Flexbox布局生成器

文字转手写体转换工具

SVG不规则形状与背景图案生成器

CSS关键帧动画生成器

配色方案生成器

想试试 Uddatak 吗？