animate.css 문의 드립니다.

animate.css 문의 드립니다.

QA

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 {} 이렇게 두 클래스를 묶어두면 될 것 같습니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 0 | RSS
QA 내용 검색
  • 개별 목록 구성 제목 답변작성자조회작성일
  • 질문이 없습니다.

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT