WOW.JS 사용법 / 무료 애니메이션 기능 플러그인

 

 

https://www.delac.io/wow/docs.html

Reveal Animations When Scrolling — WOW.js

 

다운로드

https://github.com/matthieua/WOW

matthieua/WOW

 

 

CSS, JS Link

<link rel="stylesheet" href="css/animate.css">

<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>

 

 

Pick an animation style in Animate.css , then add the CSS class to the HTML element

<div class="wow bounceInUp">
	Content to Reveal Here
</div>

 

 

Advanced Options

<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s">
</section>

<section class="wow slideInRight" data-wow-offset="10"  data-wow-iteration="10">
</section>

 

 

Customize Settings

wow = new WOW(
  {
  boxClass:     'wow',      // default
  animateClass: 'animated', // default
  offset:       0,          // default
  mobile:       true,       // default
  live:         true        // default
  }
)
wow.init();