CSS Glassmorphism 生成器
視覺化調整毛玻璃效果的模糊量、背景透明度、邊框與圓角，即時預覽並複製完整 CSS 程式碼。
效果設定
模糊（Backdrop Filter）
模糊
px
飽和
%
背景色
顏色
透明度
邊框
寬度
px
顏色
透明度
圓角與陰影
圓角
px
陰影
關開
模糊
px
擴散
px
透明
預覽背景
預覽
CSS
backdrop-filter: blur(12px) saturate(180%); -webkit-backdrop-filter: blur(12px) saturate(180%); background: rgba(255, 255, 255, 0.15); border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 8px 32px 0px rgba(0, 0, 0, 0.2);