Questions tagged [wow.js]

WOW.js is a JavaScript plugin that reveals animations when you scroll. It is used in conjunction with Animate.css.

WOW.js

WOW.js is a JavaScript plugin that reveals animations when you scroll.

Usage

  1. Link to the CSS animation library

Link to (You can link to another CSS animation library by changing WOW.js settings)

<link rel="stylesheet" href="css/animate.css">
  1. Link and activate WOW.js
<script src="js/wow.min.js"></script>
<script>
    new WOW().init();
</script>
  1. Add rule in CSS to begin with hidden elements:
<style>
.wow {
    visibility: hidden;
}
</style>

Documentation

Source

139 questions
-1
votes
1 answer

HTML template not loading correctly without resizing browser window

I have used a portfolio html (link is here)template in my project. It does not load as desired initially but when I resize browser window it loads perfectly.Can anyone guess where the issue can be.
-2
votes
3 answers

Web animations with Jquery plugins : wow slideInUp doesn't work

I'm trying to animate my web page, using the wow.js plugin, but unfortunately, the only animation that I wanna use seems to not work in my case. When I try slideInDown, slideInLeft and others this works fine. I use Bootstrap for my responsive web…
Yanis Ismail
  • 73
  • 10
-2
votes
2 answers

Using WOW.js in Flask

How would I go about doing reveal animations (e.g. WOW.js) when scrolling in Flask? Is it possible to elegantly use a javascript library in python, or would I have to simply port everything to flask myself?
Victor Lin
  • 288
  • 1
  • 3
  • 10
-3
votes
1 answer

"Lagging" WoW animation on website

I make a simple site with wow.js/animate.css and on pages where i use wow.js the animation is lagging and starts a bit later than i expected. If u check this page, all the contect are visible for about 0,5 second, after that the animation start.…
Béla Tóth
  • 117
  • 2
  • 2
  • 7
1 2 3
9
10