텍스트 그림자 생성기
offset X/Y, blur와 색을 조절해 CSS text-shadow 값을 생성합니다.
사용 방법
- 그림자 색·offset·blur를 조절하고 preview를 확인합니다.
핵심 기능과 처리 범위
box-shadow와 같은 offset control을 공유하지만 spread·inset 없이 두 번째 선택색을 텍스트 그림자 색으로 사용합니다.
처리 원리
`${x}px ${y}px ${blur}px ${color}` 형식의 text-shadow 선언을 만듭니다.
예시
0 2px 8px #000000 형태로 제목 그림자 효과를 만들 수 있습니다.
이럴 때 유용합니다
- heading·hero text의 그림자 CSS를 빠르게 튜닝할 때
사용 전 참고
- 여러 text-shadow layer와 alpha 전용 control은 현재 제공하지 않습니다.
자주 묻는 질문
spread 값도 있나요?
아닙니다. CSS text-shadow 자체에 spread slot이 없고 현재 UI도 offset·blur·color만 사용합니다.