팀프로젝트

JINO·2022년 7월 5일
0

대구AI스쿨

목록 보기
27/55

학습내용

우선 지난 벨로그 기록에서 wow js가 잘 적용되지 않았던건
아래 과정의 3번 즉, wow js를 실행하기 위한 스크립트를 작성하지 않았기 때문이다.
아직 작동되는 원리를 파악하는데는 어려움이 있지만 아래 방법대로 적용한다면
문제없이 구현된다.


wow js를 사용하는 방법

  1. animate.css 연결하기
    <link rel="stylesheet" href="폴더/animate.css">
  2. wow.min.js 연결하기
    <script src="js/wow.min.js"></script>
  3. wow js 실행 스크립트 추가하기
    <script>
    new WOW().init();
    </script>
  • 이제 원하는 애니메이션 클래스명을 추가해주면 된다.
  • 어떤 효과인지는 아래 사이트를 참고할 수 있다.
    (https://animate.style/)

wow.js 설치 방법 참고하기 1
wow.js 설치 방법 참고하기 2

profile
On your Mark

0개의 댓글