Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Can not run in Animate.css (V4.1.1) #40

Open
WildDagger opened this issue Oct 16, 2020 · 5 comments
Open

Can not run in Animate.css (V4.1.1) #40

WildDagger opened this issue Oct 16, 2020 · 5 comments

Comments

@WildDagger
Copy link

I try to use wow.js with animate.css, how ever, it not works when I use CDN Link from official site of animate.css.
But when I use old version, it works.

@konstantin-lysenko
Copy link

konstantin-lysenko commented Oct 20, 2020

@WildDagger You should use a case like that:

import WOW from "wow.js";

var wow = new WOW({
    boxClass:     'wow',
    animateClass: 'animate__animated',
    offset:       200,
    mobile:       true,
    live:         true
})
wow.init();`

@fourroses666
Copy link

Same problem:
Works: (animate 3.7) https://jsfiddle.net/fourroses666/1t2x9hua/1/
Doesn't work: (animate 4.1.1) https://jsfiddle.net/fourroses666/1t2x9hua/3/

@AnatoliiMikhov
Copy link

https://animate.style/#migration

@vsuta
Copy link

vsuta commented Apr 17, 2021

Work: (animate 4.1.1)
Just add prefix "animate__" so yur full class look like this: "wow animate__slideInLeft" (two uderscores)

Hey!

this is correct.
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animate__animated',
offset: 200,
mobile: true,
live: true
})
wow.init();

@RoneoOrg
Copy link

To install and use it without CDN and without animate__ prefix:

Get the files

Load

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

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

Use

<img class="wow flash" src="/img/cloud.jpg" alt="Blue sky and clouds">

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants