패럴랙스 스크롤링 썸네일형 리스트형 패럴랙스 스크롤링 (parallax scrolling) 패럴랙스 스크롤링 (parallax scrolling) css로 구현하기 패럴랙스 스크롤링은 마우스 스크롤링에 따라서 웹에 여러가지 효과를 주기 때문에 유동적인 사이트를 만들때 많이 활용하는 기법인데요. 패럴랙스는 관련 js 소스도 많이 나와있어서 활용이 용이하지만 오늘은 그보다도 간단한 CSS를 이용해서 패럴랙스 효과를 줘보려고 합니다. 바로 background-attachment:fixed; 로 백그라운드를 고정하고, 그위에 텍스트나 이미지 등을 올린다면 하단의 백그라운드라 올라올때 시각적으로 패럴랙스 스크롤링 효과를 주는 것인데요. 예제 소스는 아래에 첨부하도록 하겠습니다. 01 . 02 . 03 . 위의 소스를 적용한 화면은 아래 이미지를 참고해 주세요. 이전 1 다음
