스크롤에 따라 배경이 움직이는 시차(Parallax) 효과
스크롤 위치에 따라 배경 요소가 서로 다른 속도로 움직이는 시차(Parallax) 스크롤 효과를 보여주는 CodePen 예제다. CSS background-attachment: fixed를 이용하거나 JavaScript 스크롤 이벤트로 요소의 transform을 조절해 깊이감 있는 화면을 연출한다.
See the Pen Untitled by H J (@H-J-the-typescripter) on CodePen.