animate.css 문의 드립니다.
본문
https://daneden.github.io/animate.css/
위 사이트 소스로
class="animated" 이렇게 해서 잘쓰고 있는데
페이지 스크롤을 내리면 순서대로 실행되게 하고 싶은데 한번에 다 나오거든요.
animation-delay: 1s 이렇게 딜레이 조절을 해도 어쩔수 없이 한페이지 모두 로딩을 되더라구요.
각 DIV 마다 적용을 하려고 합니다.
어떻게하면 잘할 수 있을까요?
이건 모두에게 무료 맞죠?
답변 1
안녕하세요?
jQuery가 함께 쓰여야 할 것 같아요.
class="animate--fade-in" 요론 식으로 애니메이션 형태 잡아두고,
해당 div에 스크롤되어 화면에 나타나면, $("div").addClass("animate"); 해서
class="animate animate--fade-in" 이렇게 클래스가 추가되는 식으로요.
CSS에서 정의는, .animate.animate--fade-in {} 이렇게 두 클래스를 묶어두면 될 것 같습니다.
답변을 작성하시기 전에 로그인 해주세요.