CSS - 문제 미리보기

문제 1401

medium
다음 중 네온 글로우(neon glow) 효과를 만드는 올바른 코드는?
A. `text-shadow: 2px 2px 0 #FF0000;`
B. `text-shadow: 0 0 3px #FF0000;`
C. `text-shadow: -2px -2px 0 #FF0000;`
D. `text-shadow: 1px 1px 1px #FF0000;`

정답: B

• 네온 글로우 효과는 텍스트 주변에 빛이 번지는 효과를 의미합니다

• 이를 위해서는 수평, 수직 이동을 모두 0으로 설정해야 합니다

• `0 0 3px #FF0000`의 의미:
• 첫 번째 `0`: 수평 이동 없음
• 두 번째 `0`: 수직 이동 없음
• `3px`: 블러 반경 (빛이 퍼지는 범위)
• `#FF0000`: 빨간색 글로우

• 이동값이 0이면 그림자가 텍스트 중심에서 사방으로 퍼져 글로우 효과가 생성됩니다

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.