[html css js] 이미지 순차적으로 나타내는 효과 이미지를 순차적으로 나타내는 효과를 만들기 위해 gsap 라이브러리를 사용한다. html 코드 자세히 보기 css 코드 (요소 배치 코드는 생략) .visual .fade-in { opacity: 0; } - 기본으로 투명도를 0으로 설정 Javascript 코드 const fadeEls = document.querySelectorAll(".visual .fade-in"); fadeEls.forEach(function (fadeEl, index) { //gsap.to(요소, 지속시간, 옵션); gsap.to(fadeEl, 1, { delay: (index + 1) * 0.7, opacity: 1, }); }); .visual 클래스의 .fade-in으로 설정된 요소들을 가져온 후 각각에 요소에 다른 시간.. 2022. 2. 20. 이전 1 다음