텍스트 그림자 생성기

실시간 타이포그래피 미리보기로 읽기 쉬운 텍스트 그림자 스타일을 만드세요. 오프셋, 흐림, 색상을 설정한 다음 CSS를 복사하세요.

Text Shadow Generator

Live

Sample text

Offset X2px

Offset Y4px

Blur12px

Shadow color

Shadow

CSS output

text-shadow: 2px 4px 12px #be185d;

Key capabilities

실시간 타이포그래피 미리보기로 읽기 쉬운 텍스트 그림자 스타일을 만드세요.
브라우저에서 실행됩니다.
무료로 사용 가능

사용 방법

원하는 경우 샘플 텍스트를 입력하세요.
X/Y 오프셋, 흐림 및 색상을 조정합니다.
텍스트 그림자 CSS를 복사합니다.

How this tool works

원하는 경우 샘플 텍스트를 입력하세요.
X/Y 오프셋, 흐림 및 색상을 조정합니다.
텍스트 그림자 CSS를 복사합니다.

Recommended settings

먼저 기본 옵션을 사용한 다음 필요한 경우 조정하세요.

Supported formats

Text / on-page input

File size and limits

매우 복잡한 다중 레이어 미리보기는 구형 휴대폰에서 느리게 느껴질 수 있습니다.

Privacy

색상 및 CSS 생성기는 브라우저에서 완전히 실행됩니다. 미리보기 및 변환에서는 스타일을 업로드하지 않습니다.

Common use cases

필요할 때마다 텍스트 그림자 생성기를 사용하세요. 실시간 타이포그래피 미리보기로 읽기 쉬운 텍스트 그림자 스타일을 만드세요.

Troubleshooting

붙여넣은 후 미리보기가 다르게 보입니다.

페이지에 경쟁 CSS가 있는지 확인하세요(재설정, 상속된 색상). 먼저 생성된 규칙을 격리된 스타일시트에 복사합니다.

FAQ

내 CSS가 업로드되나요?

아니요. 생성기와 변환기는 실시간 미리보기를 통해 브라우저에서 실행됩니다.

계정이 필요합니까?

아니요. 도구를 열고 컨트롤을 조정한 후 CSS를 복사하세요.