글래스모피즘 생성기

애플 등 현대적인 UI 트렌드인 반투명 유리(Glassmorphism) 효과를 설계하고 크로스 브라우저 호환 코드를 추출합니다.

글래스 효과 설정

배경 흐림 (Backdrop Blur)10px

배경 불투명도 (Opacity)25%

테두리 투명도 (Border Opacity)20%

모서리 둥글기 (Border Radius)16px

그림자 농도 (Shadow Opacity)15%

유리 베이스 색상

유리 효과 카드블러 10px | 투명도 25%backdrop-filter: blur(10px);