스크롤이벤트2

• 

  자바스크립트 효과 적용하기 (GSAP, TweenMax) // opacity:0 으로 설정해 둔 요소를 보이게 만드는 효과 $(document).ready(function() { const title=$(".title"); //class명 title인 애를 const 안에 title로 담아둠 title.addClass("visible"); //title에 보이는 효과를 더함 }); // 안보이던 요소가 점점점 선명해지게 하는 효과 TweenMax.fromTo( ".main_img", 0.6, { opacity: 0 }, { opacity: 1, delay: 0.6 } ) --> 0.6 초동안 이벤트를 발생하게 하고 이벤트 발생 전 0.6초의 딜레이시간을 갖는다. // 다중 요소에 한번에 효과 적용하고 차례대로 이벤트 주는 효과 TweenMax.staggerTo.. l 🤖 코드 l 2021. 3. 5.

• 자바스크립트 JS 소스 사이트 공유 @코드그림 자바스크립트 스크롤(scroll) 이벤트를 찾다가 도움되는 블로그를 찾아서 공유합니다. //세상의 모든 스크롤이벤트 michalsnik.github.io/aos/ AOS - Animate on scroll library AOS Animate On Scroll Library Scroll down michalsnik.github.io //블로그주소 scotch.io/tutorials/building-interactive-scrolling-websites-with-scrollmagic-js Building Interactive Scrolling Websites with ScrollMagic.js ScrollMagic is a jQuery plugin which lets you use the scrollbar .. l 🤖 코드 l 2021. 3. 3.