无障碍 CSS 玻璃拟态生成器

为什么这个工具有用

调整带有磨砂效果的导航面板或覆盖层，同时保留明确的后备方案，并在其进入生产设计系统之前审查其效果。

工作原理

浏览器会将已验证的十六进制颜色转换为受限的 alpha 通道，生成带前缀和标准的模糊声明，并且绝不会将调色板选择发送出去。

实际示例

预览一个深海军蓝色面板，透明度为24%，模糊为18像素，并带有细微的白色边框，以打造一个易读的浮动工具栏。