Glassmorphism Generator
유리 효과(Glassmorphism) CSS를 실시간으로 생성합니다. blur · 투명도 · 테두리를 조절하고 코드를 복사하세요.
12px
0px50px
15%
0%60%
25%
0%80%
180%
100%300%
16px
0px40px
#FFFFFF
CSS
.glass {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(12px) saturate(180%);
-webkit-backdrop-filter: blur(12px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 16px;
}