awwward.com을 서핑하다 보면 고해상도 이미지에 페럴락스 기법을 이용한 웹사이트들을 많이 볼 수 있는데요.
디자인 참고를 위해서 플랫한 디자인에 고해상도 이미지를 사용해서 사이트가 가지고 있는 스토리를 보다 직관적이고 세련되게 표현 할 수 있는 좋은 방법이라고 생각합니다.
따라서 제이쿼리 플러그인를 통해서 간단하게 페럴락스 기법을 구현하는 방법을 소개하고자 합니다.
준비물
1. 제이쿼리
2. 페럴락스 플러그인 https://github.com/stephband/jparallax
3. 열정(?)
플러그인에 대한 자세항 사항은 http://stephen.band/jparallax/을 참조하세요 !