Question 1

CSS text-shadow 속성이란 무엇인가요?

Accepted Answer

CSS text-shadow 속성은 텍스트에 그림자 효과를 추가합니다. 쉼표로 구분된 그림자 목록을 받으며, 각 그림자는 수평 오프셋(px), 수직 오프셋(px), 흐림 반경(px), 색상으로 정의됩니다. 예: text-shadow: 2px 2px 4px rgba(0,0,0,0.5);

Question 2

여러 텍스트 그림자를 쌓을 수 있나요?

Accepted Answer

네! CSS text-shadow는 쉼표로 구분하여 여러 그림자를 지원합니다: text-shadow: 1px 1px 2px black, 0 0 10px blue. 각 그림자는 순서대로(처음이 아래, 마지막이 위) 렌더링됩니다. 이 도구로 원하는 만큼 그림자를 추가, 설정, 삭제할 수 있습니다.

Question 3

흐림 반경은 어떤 역할을 하나요?

Accepted Answer

흐림 반경은 그림자가 얼마나 퍼지는지(흐릿한지)를 제어합니다. 값이 0이면 선명한 그림자가 생깁니다. 값이 클수록 더 확산된 부드러운 그림자가 만들어집니다. box-shadow와 달리 text-shadow에는 spread 반경 옵션이 없으므로 흐림만이 그림자 크기를 제어하는 방법입니다.

Question 4

어떤 브라우저가 text-shadow를 지원하나요?

Accepted Answer

CSS text-shadow는 Chrome, Firefox, Safari, Edge, Opera 등 모든 최신 브라우저에서 지원됩니다. 2010년부터 널리 지원되었으며 벤더 프리픽스가 필요 없습니다. 모든 프로덕션 환경에서 안전하게 사용할 수 있습니다.

Question 5

네온 글로우 효과는 어떻게 만드나요?

Accepted Answer

네온 글로우를 만들려면 같은 색상이지만 흐림이 점점 커지는 여러 text-shadow 레이어를 겹칩니다: text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff00de, 0 0 40px #ff00de. 흰색 코어 그림자로 시작하고 글로우 효과를 위해 더 넓은 색상 그림자를 추가합니다.

CSS 텍스트 섀도우 생성기

자주 묻는 질문

Comments & Feedback