설명된 효과는 패럴랙스(Parallax) 효과의 기본 형태로, `fixed` 값을 사용해야 합니다. 패럴랙스 효과 분석: • 목적: 배경은 고정, 텍스트만 스크롤되는 시각적 효과 • 원리: 배경 이미지가 뷰포트에 고정되어 있어서 스크롤해도 움직이지 않음 • 결과: 텍스트가 배경 위를 지나가는 듯한 입체적 효과 ✓ 각 선택지 분석: 1) scroll: 배경과 텍스트가 함께 움직여서 패럴랙스 효과 없음 2) fixed: 원하는 패럴랙스 효과 구현 ✓ 3) static: `position` 속성 값으로 여기서는 무의미 4) inherit: 부모 설정을 따르지만 원하는 효과와 무관 완성된 코드: ```css .hero { height: 100vh; background-image: url("hero-background.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } ``` 주의사항: • 모바일에서는 성능 이슈로 `fixed`가 제대로 작동하지 않을 수 있음 • 과도한 사용은 사용자 경험을 해칠 수 있으므로 적절히 사용 실무 활용: 이런 패턴은 현대 웹사이트의 히어로 섹션, 포트폴리오 사이트, 브랜드 소개 페이지 등에서 자주 사용됩니다.