CSS 텍스트 그림자란?
CSS text-shadow 속성은 텍스트 요소에 그림자 효과를 추가합니다. 수평 오프셋, 수직 오프셋, 흐림 반경, 색상 값을 사용하여 타이포그래피에 깊이, 발광, 엠보싱 또는 네온 스타일 효과를 만들 수 있습니다.
창의적인 텍스트 그림자 기법
- 드롭 그림자: 약간의 흐림과 작은 양수 오프셋으로 클래식한 부조 텍스트 효과를 만듭니다.
- 발광 효과: 오프셋 0과 큰 흐림, 밝은 색상으로 네온 스타일 발광을 만듭니다.
- 다중 그림자: 여러 text-shadow 값을 쉼표로 구분하여 윤곽선이나 3D 텍스트 같은 복합 효과를 만듭니다.
자주 묻는 질문
여러 텍스트 그림자를 적용할 수 있나요?
네. 여러 그림자 값을 쉼표로 구분하세요. 목록의 첫 번째 그림자가 맨 위에 그려집니다. 이 기법으로 윤곽선, 3D 효과, 복합 발광 조합이 가능합니다.
텍스트 그림자가 가독성에 영향을 주나요?
강한 그림자는 가독성을 떨어뜨릴 수 있습니다. 본문 텍스트에는 은은한 그림자를 사용하고 극적인 효과는 제목이나 장식 요소에 사용하세요. 항상 대상 독자를 대상으로 테스트하세요.