반응형 parallax Effect071 parallax Effect07 parallaxEffect07 패럴랙스 이펙트07 - 리빌 효과 원본 소스 보기 원본 사이트 보기 JAVASCRIPT reveal 선택자를 선언하고 reveal 클래스를 가진 태그의 자식중, 텍스트가 있는 자식만 골라서 span으로 글씨가 쪼개지도록 합니다. if 엘리먼트값에 텍스트가 있다면, forEach문을 통해 span태그로 한글자씩 텍스트를 쪼개줍니다. reveal 효과를 위해 스크롤 높이값에 따라 class를 부여, 엘리먼트에 부여한 data-delay값을 가져와 글과 이미지의 애니메이션 시간에 차이를 둬 줍니다. const reveal = document.querySelectorAll(".reveal"); // reveal 클래스 자식에 글씨가 있다면, 가상으로 span태그를 만들어서 넣어주세.. 2022. 10. 6. 이전 1 다음 반응형