Bạn có thể thấy rằng các trang công nghệ hay các trang rao vặt hiện đại hiện nay khi truy cập web loading rất nượt và có các hiệu ứng đẹp.
Hôm nay Phong365 Blog xin gửi đến các bạn cách tạp nên hiệu ứng đặt biệt đó chỉ trong và bước đơn giản với thư viện jquery với tên wow.js
Đầu tiên các bạn tải file Phong365.blogspot.com.rar về máy rồi giải nén và upload lên một hosting bất kỳ.
Sau khi hoàn thành bước bạn vào Mẫu > Chỉnh sửa Html tìm đến thẻ <head> dán code sau vào sau thẻ <head>
Bạn có thể tham khảo thêm các hiệu ứng tại địa chỉ https://daneden.github.io/animate.css/
Hôm nay Phong365 Blog xin gửi đến các bạn cách tạp nên hiệu ứng đặt biệt đó chỉ trong và bước đơn giản với thư viện jquery với tên wow.js
Đầu tiên các bạn tải file Phong365.blogspot.com.rar về máy rồi giải nén và upload lên một hosting bất kỳ.
Sau khi hoàn thành bước bạn vào Mẫu > Chỉnh sửa Html tìm đến thẻ <head> dán code sau vào sau thẻ <head>
<link rel="/animate.css">
<script src="/wow.min.js.js"></script>
<script>
new WOW().init();
</script>
ví dụ: http://phong365.blogspot.com/animate.css
Tiếp theo bạn sẽ text hiệu ứng cho các phần tử bằng cách thêm class vào các phần tử thông qua code sau.<div class="wow pulse">
Chào mừng bạn đến với Phong365
</div>Bạn có thể tham khảo thêm các hiệu ứng tại địa chỉ https://daneden.github.io/animate.css/
 |
| wow.js |
Tạm thời bạn sử dụng hiệu ứng này nhé Mình sẽ hướng dẫn nâng cao hơn trong các bài tiếp theo.
Hẹn gặp lại sau nhé!
Có gì thắc mắc cứ comment bên dưới :)