유리 효과
Glassmorphism (Backdrop Blur)
뒤가 뿌옇게 비치는 반투명 유리 같은 상자예요.
💡 욕실의 불투명 유리창처럼 뒤가 흐릿하게 보여요.
👆 직접 눌러 보기
진짜로 동작해요. 눌러 보고 움직여 보세요.
유리 카드
CSSbackground: rgba(255,255,255,0.3); backdrop-filter: blur(12px);
🤖 AI에게 이렇게 말해 보세요
고정 헤더를 유리 효과(Glassmorphism)로 만들어 줘. 배경은 70% 투명한 흰색에 뒤가 흐리게 비치도록(backdrop-blur) 해 줘.
핵심은 ‘Glassmorphism (Backdrop Blur)’라는 단어예요. 이 단어를 넣으면 AI가 훨씬 정확하게 알아들어요.
이럴 때 써요
- 고정 헤더, 카드를 세련되게 만들고 싶을 때
이렇게도 불러요: 반투명, 블러, blur, 뿌연, 유리, 글래스, 투명도, opacity