Nội dung

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

4 năm trước, HTML/CSS, jquery, 448 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

    10 tháng trước, 339 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

    12 tháng trước, 229 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)