Ví dụ về inview

Bạn có thể thay đổi hoặc thêm nội dung trong tệp js/jquery.inview_set.js hoặc trong thư mục css/inview.css.

Nếu bạn muốn sử dụng hiệu ứng hoạt hình cho các trang mới tạo, hãy sao chép và dán các thẻ dưới đây vào phần cuối của tệp HTML của bạn:
<!-- Hiệu ứng parallax (inview) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/protonet-jquery.inview/1.1.2/jquery.inview.min.js"></script>
<script src="js/jquery.inview_set.js"></script>
Nếu không có các thẻ này, hiệu ứng hoạt hình sẽ không hoạt động.
Ngoài ra, nếu bạn sử dụng lâu dài, có thể phiên bản của inview sẽ lỗi thời và không hoạt động. Trong trường hợp đó, bạn có thể tìm kiếm lại bằng cách tìm kiếm "CDN inview".

▼ Kiểu up

Chỉ cần chỉ định class="up" cho các yếu tố mà bạn muốn sử dụng, hiệu ứng sẽ như sau.

▼ Kiểu down

Chỉ cần chỉ định class="down" cho các yếu tố mà bạn muốn sử dụng, hiệu ứng sẽ như sau.

▼ Kiểu transform1

Chỉ cần chỉ định class="transform1" cho các yếu tố mà bạn muốn sử dụng, hiệu ứng sẽ như sau.

▼ Kiểu transform2

Chỉ cần chỉ định class="transform2" cho các yếu tố mà bạn muốn sử dụng, hiệu ứng sẽ như sau.

▼ Kiểu transform3

Chỉ cần chỉ định class="transform3" cho các yếu tố mà bạn muốn sử dụng, hiệu ứng sẽ như sau.

▼ Kiểu blur

Chỉ cần chỉ định class="blur" cho các yếu tố mà bạn muốn sử dụng, hiệu ứng sẽ như sau.