CSS 텍스트 그림자 생성기

사용 방법

1. 1

   그림자 속성 조정

   슬라이더를 사용하여 각 그림자 레이어의 오프셋 X/Y, 블러 반경, 색상, 불투명도를 설정합니다.

2. 2

   여러 레이어 추가

   "레이어 추가"를 클릭하여 여러 텍스트 그림자를 겹칩니다. 탭을 사용하여 레이어 간 전환합니다.

3. 3

   미리보기 커스터마이즈

   디자인에 맞게 미리보기 텍스트, 글꼴 크기, 글꼴 굵기, 텍스트 색상, 배경색을 변경합니다.

4. 4

   CSS 복사

   "복사"를 클릭하여 생성된 text-shadow CSS 속성을 클립보드에 복사합니다.

자주 묻는 질문

CSS text-shadow란?

CSS text-shadow는 텍스트 요소에 그림자 효과를 추가합니다. 수평/수직 오프셋, 블러 반경, 색상 값을 사용합니다.

여러 레이어를 사용할 수 있나요?

네! CSS는 쉼표로 구분된 여러 text-shadow 값을 지원합니다. 이 도구에서는 최대 5개 레이어를 추가할 수 있습니다.

text-shadow와 box-shadow의 차이점은?

text-shadow는 텍스트 자체에 적용되고, box-shadow는 요소 박스에 적용됩니다. text-shadow는 spread나 inset을 지원하지 않습니다.

데이터가 안전한가요?

네. 모든 생성이 브라우저의 JavaScript에서 처리됩니다. 서버로 데이터가 전송되지 않습니다.