Box Shadow 생성기
CSS box-shadow 속성을 시각적으로 생성하세요.
미리보기
실시간으로 그림자 효과를 확인하세요
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
프리셋
레이어 1
Box Shadow 생성기
CSS box-shadow 시각적 생성
사용법
슬라이더로 그림자의 위치, 흐림, 확산, 색상을 조절하면서 CSS box-shadow 코드를 시각적으로 만듭니다. 여러 그림자를 겹쳐 복잡한 효과도 만들 수 있습니다.
주요 기능
- 시각적 그림자 편집
- 다중 그림자 레이어
- 실시간 미리보기
- CSS 코드 복사