search

graingert / WOW

Reveal CSS animation as you scroll down a page
https://wowjs.uk
Other
1.64k stars 1.54k forks source link

migrate Animate.css v4 #34

Closed up-tri closed 4 years ago

up-tri commented 4 years ago

A few days ago, 'Animate.css' was updated to v4 with breaking changes.

https://github.com/animate-css/animate.css/releases/tag/v4.0.0

The difference with v3 are as below: . add prefix to all classnames. (fadeIn -> animatefadeIn, animated -> animateanimated, and more...)

. utility attributes was changed to utility classnames. (ig. delay attribute was changed to 'animate__delay-2s' class )

I'm trying to implement them now, please just moments. ( When done, I'll make a pull-request. )

up-tri commented 4 years ago

it solved myself, it's very simple...

new WOW({
  animateClass: 'animate__animated'
}).init();
<div class="wow animate__fadeInUp" data-wow-delay="5s">
  ... some contents
</div>