이미지스크롤1

• 

  (티스토리) 페이지 스크롤시 이미지 Fade In 효과주기 본문을 스크롤하면 이미지가 바로바로 나오게 되는데 문득 생각이 든 게 스크롤 위치에 따라 이미지가 스르륵 하고 나타나게 하고 싶다는 생각이 들었습니다. 그래서 이번에는 페이지 스크롤시 이미지 Fade In 하는 방법에 대해 알아보겠습니다. 일단 이 기능을 사용하려면 Javascript를 작성해줘야 합니다. Fade In 효과 페이지가 스크롤 되면 이미지가 스르륵 하고 나오는 효과를 사용하려면 아래와 같이 작성하면 됩니다. CSS .image { opacity:0; } 이미지의 opacity(투명도) 를 0으로 설정해줘야 합니다. Javascript $(document).ready(function() { $(window).scroll( function(){ $('image').each( function(i.. FRONT-END/CSS 2021. 4. 14.