design
무료
회원가입 불필요
QR 코드 생성기
라이브 미리보기와 함께 CSS box-shadow 값을 시각적으로 만드세요 — 여러 레이어를 지원합니다.
도구를 불러오는 중…
이 도구에 대해
숫자를 추측하지 않고 CSS 박스 그림자를 디자인하세요. 수평 및 수직 오프셋, 흐림 반경, 퍼짐, 색상, 인셋 플래그를 인터랙티브하게 조정하세요. 여러 그림자 레이어를 쌓아 정교한 깊이 효과를 만드세요. 라이브 미리보기 카드가 결과를 즉시 보여주고, 전체 CSS 선언이 항상 복사 준비됩니다.
사용 방법
- 1 첫 번째 레이어에서 오프셋, 흐림, 퍼짐 슬라이더를 조정하세요.
- 2 그림자 색상을 선택하고 필요한 경우 인셋을 토글하세요.
- 3 '레이어 추가'를 클릭하여 복잡한 효과를 위한 추가 그림자를 쌓으세요.
- 4 box-shadow CSS 선언을 복사하여 스타일시트에 붙여넣으세요.
자주 묻는 질문
관련 도구