Box Shadow 생성기
CSS box-shadow를 시각적으로 만들고 코드를 복사하세요.
0px
4px
16px
0px
#000000
15%
Inset
CSS
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
프리셋
Box Shadow 생성기 안내
이 무료 온라인 도구로 CSS box-shadow를 시각적으로 만들 수 있습니다. 오프셋, 블러, 스프레드, 색상, 투명도를 슬라이더로 조절하고 여러 레이어를 쌓아 복잡한 그림자 효과를 만드세요.
기능
- X/Y 오프셋, 블러, 스프레드 슬라이더
- 색상 선택기 + 투명도 조절
- Inset(안쪽 그림자) 토글
- 여러 그림자 레이어 지원
- 5가지 프리셋 (Subtle, Medium, Large, Hard, Floating)
- 원클릭 CSS 코드 복사
Related Tools
🎨Color Picker
HEX, RGB, HSL converter🌈CSS Gradient
Visual gradient builder🎨Color Palette
Color harmony generator✏️SVG Editor
Edit & optimize SVG