🧊

글래스모피즘 CSS 생성기

반투명 유리 효과를 조절하고 backdrop-filter CSS를 복사하세요.

설정

블러 (Blur)16px

투명도20%

채도 (Saturate)160%

모서리 (Radius)20px

테두리 투명도30%

유리 색상

Glassmorphism

CSS

background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(16px) saturate(160%);
-webkit-backdrop-filter: blur(16px) saturate(160%);
border: 1px solid rgba(255, 255, 255, 0.30);
border-radius: 20px;