CSS Box Shadow 생성기
CSS box-shadow를 시각적 편집기로 직관적으로 생성할 수 있는 디자인 도구입니다. X/Y 위치, 블러, 확산, 색상을 슬라이더로 조정하고, 여러 그림자 레이어를 중첩하여 입체감 있는 효과를 만들 수 있습니다. 카드 UI, 버튼, 모달 등의 그림자 효과를 빠르게 프로토타이핑하고 싶은 프론트엔드 개발자와 디자이너에게 추천합니다.
0자 / 0줄저장 완료
CSS Box Shadow 생성기 특징
- 시각적 편집기로 box-shadow를 직관적으로 생성
- X/Y 위치, 블러, 확산, 색상을 자유롭게 조정
- 여러 그림자 레이어 중첩 가능
- 생성된 CSS 코드를 원클릭으로 복사
사용 방법
- 1슬라이더로 그림자 위치, 블러, 색상 조정
- 2그림자 외관 미리보기 확인
- 3복사 버튼을 클릭하여 CSS 코드 복사