Wow.js Framework


In this code we learn how can we use wow.js framework for run animations one by one or together while scrolling web page. Wow.js framework built on Java script platform. For using this we don't need to write code for animations, just use animation class name with elements in your project and save your time for writing code for animations. Wow.js takes help by animate.css framework for run animations. So if you don't know about animate.css than go back to our previous course name Animation without code. This lesson is very easy for those who haven't knowledge about writing code about set animations or who don't want to writing long code for use animations, this framework save your so much precious time. Download wow.js files from GitHub. You can also check documentation on official site of Wow.js

How wow.js works

Wow.js is a very simple concept and easy to use. First create a folder with name js, paste downloaded wow.min.js file into this. This is compress version of wow.js file.We can modify this file for change animation pattern or change timing functions (set and delay time). Attach this wow.js file in bottom of your web page, than type this syntax inside script tags new WOW().init(); In last attach animate.css with your web page. Put this file inside a new folder name css. Now you ready to set animation class to your elements and when you scroll web page than all animations run one by one. Here is a little change while using wow.js just replace the wow keyword with animated and than type animation class. Now you ready to use animations while scrolling a web page. We also use this file in our site's home page so you can watch how wow.js runs animations when scroll the web page.

Wow.js with example

Wconcert Images

Wconcert India © 2015   ·   All Rights Reserved

Free Web Hosting