무료 도구
한국어
CSS 그림자 생성
위치·흐림·색상·불투명도를 정해 그림자를 만드세요. 로그인 없이 브라우저에서 바로 사용하세요.
로그인 없이 바로 사용
도구 불러오는 중…
사용 방법
- 1입력 항목과 선택 사항을 지정하세요.
- 2실행 버튼을 눌러 결과를 확인하세요.
- 3결과를 복사하거나 파일로 저장하세요.
사용할 때 알아두세요
입력 범위와 단위를 확인하세요. 입력값은 이 기기의 브라우저에서 처리합니다.
광고 표시를 위한 접속 정보가 처리될 수 있습니다. 맞춤 광고는 개인정보 선택을 따릅니다. 개인정보 안내 (영어)
실제로 계산한 입력·출력 예시
이 도구의 실제 엔진에 아래 예시 값을 넣은 결과입니다. 개인 입력이나 저장된 작업을 사용하지 않습니다. 도구에서 ‘예제 불러오기’로 같은 입력을 확인할 수 있습니다.
예시 입력
| 항목 | 값 |
|---|---|
| 가로 이동 (px) | 0 |
| 세로 이동 (px) | 8 |
| 흐림 (px) | 24 |
| 확산 (px) | 0 |
| 색상 | #0F766E |
| 불투명도 (%) | 25 |
예시 결과
box-shadow: 0px 8px 24px 0px rgba(15, 118, 110, 0.25);
입력 조건
아래 조건은 실제 입력 검사의 허용 범위이며, 현실에서 적용 가능한 범위나 결과의 정확도를 보장하는 기준은 아닙니다.
- 가로 이동 (px): 허용 범위: -1,000 ≤ x ≤ 1,000
- 세로 이동 (px): 허용 범위: -1,000 ≤ x ≤ 1,000
- 흐림 (px): 허용 범위: 0 ≤ x ≤ 1,000
- 확산 (px): 허용 범위: -1,000 ≤ x ≤ 1,000
- 불투명도 (%): 허용 범위: 0 ≤ x ≤ 100