무료 변환기
유리형태 CSS 발전기
실시간 미리보기로 멋진 유리모양 카드 효과를 만들어보세요. 흐림, 불투명도, 색상을 즉시 사용자 정의하세요.
미리보기
Glassmorphism Card
Beautiful frosted glass effect with customizable settings.
Learn More배경색
#FFFFFF
배경 불투명도15%
0%50%100%
흐림 정도16px
0px20px40px
테두리 색상
#FFFFFF
테두리 불투명도20%
0%50%100%
테두리 반경20px
0px30px60px
그림자 강도30%
0%40%80%
생성된 CSS
.glass-card {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.20);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.30);
padding: 2rem;
}