Text Shadow 생성기

이 도구 소개

CSS 텍스트 그림자 생성기는 text-shadow의 오프셋, 흐림, 색상, 불투명도를 실시간 미리보기로 설정하고, 여러 그림자 레이어를 겹쳐 글로우, 외곽선, 3D 텍스트 효과를 만들 수 있게 합니다.

사용 방법

1. 가로·세로 오프셋과 흐림을 조절합니다.
2. 그림자 색과 불투명도, 글자색과 크기를 고릅니다.
3. 레이어 추가로 그림자를 하나 더 쌓고, 레이어 초기화로 처음부터 다시 시작합니다.
4. CSS 복사를 누릅니다.

알아두면 좋은 점

• text-shadow 문법은 offset-x offset-y blur-radius color입니다.
• box-shadow와 달리 text-shadow에는 퍼짐 값이나 inset 키워드가 없습니다.
• 여러 그림자는 쉼표로 구분하며, 첫 번째 그림자가 맨 위에 그려집니다.
• 오프셋이 0이고 흐림이 있는 그림자는 글로우 효과를 만듭니다.
• 1 px씩 어긋난 그림자를 여러 개 겹치면 3D나 활판 인쇄 느낌이 납니다.

모든 처리는 브라우저 안에서 이루어집니다. 입력한 내용은 업로드되거나 저장되지 않습니다.

자주 묻는 질문