JAVASCRIPT|CSS 스크롤에 따라 배경이 움직이는 시차(Parallax) 효과
페이지 정보
조회 226회
작성일 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.
- 이전글인터넷 canvas 이미지를 다운로드하는 방법 (toDataURL) 25.08.26
- 다음글onclick(this)와 onclick(this.value) 사용법 정리 22.02.14