평평한 UI에 깊이감을 주는 가장 쉬운 방법이 CSS box-shadow입니다. 무료 CSS 그림자 생성기로 슬라이더를 조작하며 원하는 그림자를 만들고 코드를 복사하세요.
box-shadow 속성 해설
2px 4px 8px 0px rgba(0,0,0,0.2)
2px = 수평 오프셋 | 4px = 수직 오프셋 | 8px = 흐림 | 0px = 퍼짐
인기 있는 그림자 스타일
부드러운 카드
box-shadow: 0 2px 8px rgba(0,0,0,0.12)
눌린 효과(inset)
box-shadow: inset 0 2px 4px rgba(0,0,0,0.2)
네온 글로우
box-shadow: 0 0 20px rgba(0,217,255,0.5)
SpinFlow CSS 그림자 생성기로 코드 없이 그림자를 조작하고 CSS 코드를 즉시 복사하세요.