← 全部工具

CSS 玻璃效果產生器

透過本機色彩、透明度、模糊、飽和度、邊框、陰影及間距控制設計毛玻璃效果。

css-glassmorphism-generator本機處理

正在啟用本機工具…

工具設定

範本

修改設定會清除舊結果;請重新產生。

此處偵測 backdrop-filter 支援;效果及對比取決於背景與瀏覽器。範本是起點,不保證無障礙。

僅在本機記憶體處理,不傳送或儲存輸入。

靜態來源日期:2026-10-18

預覽與完整輸出

設定欄位,再產生結果。

如何使用這個工具

選擇範本或調整設定,選取預覽背景,產生並匯出完整 CSS。

不適合用在什麼情況

此處偵測 backdrop-filter 支援;效果及對比取決於背景與瀏覽器。範本是起點,不保證無障礙。