Nội dung

Tích hợp hiệu ứng wowjs cuộn trang Animate vào website

5 năm trước, HTML/CSS, jquery, 500 Lượt xem

Tiết lộ hình ảnh động khi bạn cuộn. Very Animate.css Bạn bè 🙂
Dễ dàng tùy chỉnh cài đặt hoạt hình: kiểu, độ trễ, độ dài, độ lệch, số lần lặp …
100% MIT được cấp phép, không phải GPL. Giữ mã của bạn.
ES2015 +, Caffeine tự nhiên miễn phí.

Link thư viện wow

https://wowjs.uk/

https://wowjs.uk/docs

Chèn thư viện js vào wordpress

Link down

https://drive.google.com/file/d/1AQStDLJkOGcfZ4r_fGUbadS9N51ESzoG/view?usp=sharing

Để acticve wowjs bạn phải chèn đoạn mã này

<script src="<?php echo get_template_directory_uri(); ?>/js/wow.min.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="<?php echo get_template_directory_uri(); ?>/css/animate.css">
     <script>
     new WOW().init();
     </script>

Set thời gian hiệu ứng

data-wow-duration: Thay đổi thời lượng hoạt hình
data-wow-delay: Trì hoãn trước khi hoạt hình bắt đầu
data-wow-offset: Khoảng cách để bắt đầu hoạt hình (liên quan đến đáy trình duyệt)
data-wow-iteration: Số lần hoạt hình được lặp lại

<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s">
                    </section>

                    <section class="wow slideInRight" data-wow-offset="10"  data-wow-iteration="10">
                    </section>

 

Thư viện animate

https://daneden.github.io/animate.css/

xem hướng dẫn trên github

https://github.com/daneden/animate.css

Bài viết mới cập nhập

  • Hướng dẫn Plugin floating contact

    Hướng dẫn Plugin floating contact

    1 năm trước, 440 Lượt xem

    Netweb xin hướng dẫn cách quản lý Plugin floating contact các bạn nhớ làm theo kỹ tường bước để plugin hoạt động Tính năng: Hiển…

  • Backup Yandex Mail

    Backup Yandex Mail

    2 năm trước, 286 Lượt xem

    Khác với dịch vụ email theo tên của microsoft và google với chi phí đắt đỏ tầm 1tr/năm/1user, vì thế nên netweb khuyên dùng dịch…

Bình luận trên facebook netweb.vn

Gọi netweb Báo giá web Chát Zalo
Chủ đề liên quan theo Tag
, , , ,

Đam mê thiết kế web, kinh nghiệm 9 năm trong nghề thiết kế website, đang thiết kế web dạo tại netweb.vn, Callme: 08.9898.2526 (Mr Hải)