Setup WOW.js

1

Link to the CSS animation library

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

2

Link and activate WOW.js

Reveal CSS Animations

1

Make an element revealable

Add the CSS class .wow to a HTML element: it will be invisible until the user scrolls to reveal it.
(You can change this CSS class in the WOW settings to avoid name conflicts.)

                

                Content to Reveal Here
                

2

Choose the animation style

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

                  

                  Content to Reveal Here
                  

You’re done!

Now your animations will be revealed when the user scrolls.

Check these examples of WOW.js + Animate.css uses:

* MaterialUp 
* Fliplingo 
* Streamline Icons

Advanced Options

data-wow-duration: Change the animation duration
data-wow-delay: Delay before the animation starts
data-wow-offset: Distance to start the animation (related to the browser bottom)
data-wow-iteration: Number of times the animation is repeated

Customize Settings

boxClass: Class name that reveals the hidden box when user scrolls.

animateClass: Class name that triggers the CSS animations (’animated’ by default for the animate.css library)

offset: Define the distance between the bottom of browser viewport and the top of hidden box.
When the user scrolls and reach this distance the hidden box is revealed.

mobile: Turn on/off WOW.js on mobile devices.

live: consatantly check for new WOW elements on the page.

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

---

NHÀ CUNG CẤP DỊCH VỤ CHUYÊN NGHIỆP 

PHÁT TRIỂN

Luôn đồng hành cùng bạn!

WebDesign - Hosting - Domain name - Advertising

THÔNG TIN LIÊN HỆ:
Địa Chỉ:104/1 QL 13 (cũ), P.Hiệp Bình Phước, Q.Thủ Đức, Tp.HCM
Điện thoại: (84) 903 880 905 Mr.Vương
Email: phattriennet@gmail.com / support@phattrien.net / hotro@phattrien.net / kinhdoanh@phattrien.net
Website: http://phattrien.net - http://thongbao.phattrien.net - http://athietkeweb.com - http://news.phattrien.net - http://nukevietcms.com - http://webnukeviet.com - http://trangvangdichvu.com - http://trangvangmuaban.com / Của Hàng Camera / Camera Việt Nam / Nhà Phân Phối Camera

THÔNG TIN THANG TOÁN
Số tài khoản: 008 100 070 9942 Ngân hàng VietComBank (Chi nhánh TP Vũng Tàu)
Số tài khoản: 046 100 381 3474 Ngân hàng VietComBank HCM, PGD Nơ Trang Long.
Chủ tài khoản: Tạ Thiên Minh Vương

---

Tên miền quốc tế   Tên miền Việt Nam   Window Web Hosting   Linux Web Hosting  Dịch vụ Hosting giá rẻ  Tính năng chung  Java Web Hosting  Reseller Linux Hosting  Reseller Window Hosting  DV Email và tính năng  Email Hosting  Email Server Riêng  Thuê máy chủ ảo  Thuê máy chủ riêng  Thuê chỗ đặt máy chủ  Chứng chỉ số SSL là gì  Lựa chọn loại SSL  Bảng giá Global Sign  Thiết kế Website

---

Nhà Phân Phối Camera,Bán Camera Quan Sát,Bán Camera Giá Rẻ,Camera Việt Nam,Camera WinTech,WinTech Việt Nam,Camera Miền Tây,Camera quan sát Đồng Nai,Camera quan sát DakLak,Nhà phân phối máy bộ đàm,Máy bộ đàm chính hãng,Máy bộ đàm giá rẻ

---

NHÀ CUNG CẤP DỊCH VỤ CHUYÊN NGHIỆP PHÁT TRIỂN WEBDESIGN - HOSTING - DOMAIN Website: Phattrien.net - Phattrien.info - Trangvangdichvu.com - Trangvangmuaban.com Hotline: 0931 435 998 Zalo: @PhatTriennet CỬA HÀNG CAMERA Chuyên: Camera IP WiFi, Camera IP, Camera CVI, Camera AHD, Camera Analog, Đầu ghi Camera, Máy Bộ Đàm, Bộ camera quan sát Địa chỉ: 537 Đường Phan Văn Trị, P.Kim Dinh, Tp. Bà Rịa, BR-VT Hotline: 0931 435 998 Zalo: @WinTech Website: CuaHangCamera.com - CửaHàngCamera.vn - Nhaphanphoicamera.net - CareCam.Pro