animate.css 문의 드립니다.

Question

위 사이트 소스로

class="animated" 이렇게 해서 잘쓰고 있는데

페이지 스크롤을 내리면 순서대로 실행되게 하고 싶은데 한번에 다 나오거든요.

animation-delay: 1s 이렇게 딜레이 조절을 해도 어쩔수 없이 한페이지 모두 로딩을 되더라구요.

각 DIV 마다 적용을 하려고 합니다.

어떻게하면 잘할 수 있을까요?

이건 모두에게 무료 맞죠?

림미노닷컴 · Accepted Answer

안녕하세요?

jQuery가 함께 쓰여야 할 것 같아요.

class="animate--fade-in" 요론 식으로 애니메이션 형태 잡아두고,

해당 div에 스크롤되어 화면에 나타나면, $("div").addClass("animate"); 해서

class="animate animate--fade-in" 이렇게 클래스가 추가되는 식으로요.

CSS에서 정의는, .animate.animate--fade-in {} 이렇게 두 클래스를 묶어두면 될 것 같습니다.