Glassmorphism 생성기

유리 효과 CSS를 시각적으로 만들고 코드를 복사합니다

Glass Card

아름다운 유리 효과 카드입니다

Blur: 10px

Background Opacity: 20%

Saturation: 180%

Border Opacity: 20%

Border Radius: 16px

Color

CSS

/* Glassmorphism */
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px) saturate(180%);
-webkit-backdrop-filter: blur(10px) saturate(180%);
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.2);

⚠️ backdrop-filter는 일부 브라우저에서 지원되지 않을 수 있습니다.