박스 쉐도우

박스 그림자를 시각적으로 만들고 CSS 코드를 복사하는 도구입니다.

다음 단계

그라디언트 배경도 추가해 보세요.CSS 그라디언트 특정 색상 형식이 필요하다면?색상 변환기

오프셋, 블러, 스프레드, 색상을 슬라이더로 조절해 박스 그림자를 디자인합니다. 실시간 미리보기를 확인하고 CSS 코드를 복사해 바로 적용할 수 있습니다.

개발 도구브라우저 처리전체 가이드 보기

관련 도구

CSS 그라디언트선형 및 원형 그라디언트를 시각적으로 만들고 CSS 코드를 복사하는 도구입니다.색상 변환기HEX, RGB, HSL 색상 값을 서로 변환하는 도구입니다.이미지 모자이크사진이나 스크린샷의 민감한 영역을 모자이크나 블러로 가리는 도구입니다.JSON YAML 변환JSON과 YAML을 서로 변환해 설정 파일과 API 데이터를 정리하는 도구입니다.