시차 스크롤링: 두 판 사이의 차이

내용 삭제됨 내용 추가됨
Asadal (토론 | 기여)
새 문서: '''패럴럭스 스크롤링'''(parallax scrolling)은 사용자가 마우스를 스크롤할 때, 원거리에 있는 배경 이미지는 느리게 움직이게 하고, 근거리...
 
Asadal (토론 | 기여)
편집 요약 없음
1번째 줄:
'''패럴럭스 스크롤링'''(parallax scrolling)은 사용자가 [[마우스]]를 스크롤할 때, 원거리에 있는 배경 이미지는 느리게 움직이게 하고, 근거리에 있는 사물 이미지는 빠르게 움직이도록 함으로써 입체감을 느낄 수 있게 만든 디자인 기법이다. 하나의 이미지를 여러 개의 [[레이어]](layer)로 분리한 후 스크롤에 반응하는 속도를 다르게 조정하는 방식으로 구현한다. 1930년대부터 [[애니메이션]] 분야에 사용되던 기법이었으나, 웹 디자인 분야는 [[HTML5]]와 [[CSS3]] 기법이 도입됨으로써 사용이 가능해졌다.
 
== 활용 사례 ==
* http://www.drugtreatment.com/
* http://www.paranorman.com/
 
{{토막글|웹사이트}}