그림자
Box Shadow
상자 아래에 그림자를 깔아서 떠 있는 것처럼 보이게 해요.
💡 종이를 책상에서 살짝 들면 아래 그림자가 생기는 것과 같아요.
👆 직접 눌러 보기
진짜로 동작해요. 눌러 보고 움직여 보세요.
카드
CSSbox-shadow: 0 6px 16px rgba(0,0,0,0.15);
🤖 AI에게 이렇게 말해 보세요
카드에 아주 연한 그림자(Box Shadow)를 넣어 줘. 마우스를 올리면 그림자가 조금 더 진하고 넓어져서 떠오르는 느낌이 나게 해 줘.
핵심은 ‘Box Shadow’라는 단어예요. 이 단어를 넣으면 AI가 훨씬 정확하게 알아들어요.
이럴 때 써요
- 카드, 모달, 떠 있는 버튼을 바닥과 구분할 때
이렇게도 불러요: 그림자, 떠있는 느낌, 입체감, shadow, 드롭 섀도, 음영