建立 CSS 毛玻璃效果並即時預覽。
background: rgba(99, 102, 241, 0.25); backdrop-filter: blur(12px) saturate(180%); -webkit-backdrop-filter: blur(12px) saturate(180%); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px;
調整模糊量、透明度、邊框透明度和飽和度的滑桿。使用取色器選擇背景色。預覽區域會在彩色形狀上方顯示毛玻璃卡片，讓您即時看到霧化效果。完成後複製 CSS 程式碼到您的專案中使用。