Text Shadow 생성기
X·Y 오프셋, blur, 색상을 슬라이더로 조절해 텍스트 그림자를 만듭니다. 여러 레이어를 쌓아 네온·외곽선·3D 입체감 같은 효과까지 가능.
JiniTools
그림자 레이어
CSS
사용 방법
1
레이어 조절
레이어별로 X·Y 오프셋, blur, 색상을 설정하세요. 슬라이더를 움직이면 미리보기가 즉시 갱신됩니다.
2
레이어 추가/삭제
+ 버튼으로 그림자 레이어를 최대 5개까지 쌓을 수 있습니다. 멀티 레이어로 네온, 외곽선, 종이접기 같은 효과를 만들 수 있습니다.
3
코드 복사
결과 text-shadow CSS는 한 번에 복사. 글꼴·크기·색상·배경도 미리보기에서 같이 확인할 수 있습니다.
자주 묻는 질문
몇 개의 레이어까지 가능한가요?
최대 5개까지 쌓을 수 있습니다. 네온은 보통 4~5개, 외곽선은 4개로 충분합니다.
text-shadow는 spread가 없나요?
네. CSS 표준에 text-shadow는 spread 값이 없고 X·Y·blur·color 4개만 지원합니다. (box-shadow와 다름)
텍스트 외곽선은 어떻게 만드나요?
같은 색의 그림자 4개를 (1,0)/(-1,0)/(0,1)/(0,-1)에 blur=0으로 두면 외곽선처럼 보입니다. 더 두꺼운 외곽선이 필요하면 -webkit-text-stroke 사용을 권장.
미리보기 글꼴이 다른데 결과는 같은가요?
미리보기는 시스템 기본 폰트를 사용하지만 text-shadow CSS는 어떤 폰트에도 동일하게 적용됩니다. 글꼴이 굵을수록 그림자가 두꺼워 보입니다.
데이터가 서버에 전송되나요?
아닙니다. 모든 작업은 브라우저에서만 이루어지며, 만들어진 CSS는 외부로 전송되지 않습니다.
