JAVASCRIPT|CSS 스크롤에 따라 배경이 움직이는 시차(Parallax) 효과
페이지 정보
조회 224회
작성일 24-07-13 13:05
스크롤 위치에 따라 배경 요소가 서로 다른 속도로 움직이는 시차(Parallax) 스크롤 효과를 보여주는 CodePen 예제다. CSS background-attachment: fixed를 이용하거나 JavaScript 스크롤 이벤트로 요소의 transform을 조절해 깊이감 있는 화면을 연출한다.
See the Pen Untitled by H J (@H-J-the-typescripter) on CodePen.
- 이전글jQuery로 텍스트 가로 스크롤 마퀴(跑马灯) 만들기 25.01.20
- 다음글CSS로 텍스트가 가로로 흐르는 롤링(스크롤) 효과 만들기 24.07.13