✨

텍스트 그림자 생성기

CSS text-shadow를 시각적으로 생성합니다

X 오프셋: 2px

Y 오프셋: 2px

블러: 4px

색상

#000000

투명도: 50%

글자 크기: 48px

CSS 코드

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

📖 사용법

미리보기할 텍스트를 입력하세요
X, Y 오프셋으로 그림자 위치를 설정하세요
블러와 색상을 조절하세요
생성된 CSS 코드를 복사하세요

✨ 주요 기능

✓실시간 텍스트 미리보기
✓오프셋/블러 조절
✓색상 및 투명도 설정
✓글자 크기 조절
✓CSS 코드 자동 생성

❓ 자주 묻는 질문

Q. 여러 그림자를 추가할 수 있나요?

A. 현재는 단일 그림자를 지원합니다. 여러 그림자는 CSS에서 쉼표로 구분하여 추가하세요.

Q. 네온 효과를 만들려면?

A. 블러 값을 크게 하고 밝은 색상을 사용하면 네온 글로우 효과를 만들 수 있습니다.

🔗 관련 도구

그라데이션 생성기 박스 그림자 생성기 Border Radius 생성기 CSS 압축기

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

텍스트 그림자 생성기 - 무료 온라인 도구 | Foxi Tools