Box Shadow CSS Generator
CSS box-shadow 속성을 시각적으로 생성하고 미리보기할 수 있습니다.
그림자 설정
각 그림자의 속성을 조정하세요
그림자 1
프리셋
미리 정의된 그림자 스타일을 사용해보세요
미리보기
생성된 그림자 효과를 확인하세요
Preview
생성된 CSS
box-shadow: 0px 4px 6px 0px #00000040;Box Shadow 속성 설명
속성 값 설명
- • X 오프셋: 그림자의 수평 위치 (양수: 오른쪽, 음수: 왼쪽)
- • Y 오프셋: 그림자의 수직 위치 (양수: 아래쪽, 음수: 위쪽)
- • 블러: 그림자의 흐림 정도 (0: 선명, 클수록 흐림)
- • 확산: 그림자의 크기 (양수: 확대, 음수: 축소)
- • 색상: 그림자의 색상 (HEX, RGB, RGBA 등)
- • Inset: 내부 그림자 여부