CSS 그림자 생성기
가로·세로 이동량과 흐림·확장값으로 box-shadow 코드를 생성합니다.
입력
입력은 브라우저에서 처리합니다. 새로고침하면 사라집니다.
결과
값을 입력하거나 예시를 불러온 뒤 결과를 확인하세요.
브라우저에서만 처리합니다. 입력은 최대 50,000자이며 결과는 실행되지 않는 텍스트로 표시합니다.
계산·변환 기준
가로·세로 이동량과 흐림·확장값으로 box-shadow 코드를 생성합니다.
box-shadow: x y blur spread color
입력 예시
0px 4px 12px 0px #000000
사용 방법
- 가로 이동 px, 세로 이동 px, 흐림 px, 확장 px, HEX 색상 항목을 입력하세요.
- 결과 확인하기를 누르고 아래 결과를 확인하세요.
- 필요하면 결과 복사로 가져갈 수 있습니다.
자주 묻는 질문
어떤 기준으로 결과가 나오나요?
box-shadow: x y blur spread color. 브라우저에서만 처리합니다. 입력은 최대 50,000자이며 결과는 실행되지 않는 텍스트로 표시합니다.
입력한 내용은 저장되나요?
이 도구의 입력과 결과는 페이지 메모리에서 처리하며 저장하거나 URL·통계 이벤트에 넣지 않습니다. 새로고침 전에 필요한 결과를 복사하세요.
계산 기준 확인: · 오류 제보