🔧
Glassmorphism 생성기
생성기 및 디자인 · 무료 온라인 도구
서리 유리 효과 CSS 생성 (흐림 + 투명도).
CoderNewbie 팀
기능
12px
60%
30%
16px
20px
BG
Border
Glass
.glass {
background: #ffffff99;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid #ffffff4d;
border-radius: 16px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}backdrop-filter
전체 브라우저 지원을 위해 표준 및 -webkit- 접두사를 모두 포함합니다.
Hex 알파
불투명도가 깨끗한 CSS를 위해 HEX 알파 채널로 자동 변환됩니다.
선명한 배경
효과를 보여주기 위해 미리보기는 다채로운 그라데이션 위에 있습니다.
Glassmorphism 생성기 사용 방법
- 1Configure the generator settings (colors, size, format, etc.).
- 2Enter any required input text or data.
- 3Click generate to create the output.
- 4Download or copy the generated result.
주요 기능
- ✓100% 무료 — 가입, 구독, 광고 없음
- ✓브라우저에서만 실행 — 데이터는 기기를 떠나지 않습니다
- ✓빠르고 가벼움 — 즉시 결과 확인
- ✓크로스 플랫폼 — 데스크톱, 태블릿, 모바일 지원
자주 묻는 질문
Can I use the generated content commercially?
Yes, all generated content (QR codes, gradients, colors) is free for personal and commercial use.
What output formats are available?
QR codes can be downloaded as PNG or SVG. Gradients generate CSS code. Colors output in HEX, RGB, and HSL.