CSS 现代毛玻璃效果生成器
毛玻璃拟态 Glassmorphism CSS 生成器:可视化调节背景高斯模糊半径、透明度、反光描边边框与阴影,导出标准 CSS 与 Tailwind 样式代码。
背景模糊度 (Blur)
{{ blur }} px
背景透明度 (Opacity)
{{ opacity }}%
边框高光透明度
{{ borderOpacity }}%
图片圆角
{{ radius }} px
背景底图场景:
Glassmorphism Card
Modern frosted glass visual design with blurred backdrop refraction.
Standard CSS
复制 CSS
Tailwind CSS
复制 Tailwind 类名
毛玻璃拟态(Glassmorphism)是现代苹果系统与 Windows 11 流畅设计风格的重要视觉特征,依托 CSS backdrop-filter 实现深邃透光感与半透明折射质感。