CSS Text Shadow 생성기 무료 온라인: 텍스트 그림자 시각적 생성
0 회 사용2px
2px
4px
50%
Hello World
Text Shadow 팁
시각적 텍스트 그림자
X/Y 오프셋, blur, 색상 조절. 실시간 미리보기.
CSS 코드 준비
text-shadow 자동 생성. 복사하여 CSS에 붙여넣기.
색상과 확산
투명도 조절 가능한 아무 색상. blur가 클수록 부드러운 그림자.
자주 묻는 질문
text-shadow는 어떻게 작동하나요?
text-shadow: X Y blur color. X, Y는 오프셋, blur는 확산, color는 그림자 색상.
여러 그림자를 적용할 수 있나요?
CSS에서는 쉼표로 구분하여 가능. 이 도구는 개별 그림자 생성.
어디에 사용하나요?
깊이감 있는 제목, 이미지 위 가독성, 네온 효과, 레트로 스타일.
사용 방법
- 미리보기 텍스트 입력
- X, Y 오프셋과 blur 조절
- 그림자 색상 선택
- 실시간 미리보기
- CSS 코드 복사