AOS là một thư viện gọn nhẹ cung cấp hiệu ứng chuyển động khi kéo chuột. AOS đặc biệt cuốn hút người xem khi sử dụng cho các website dạng Landing Page.

Hiệu ứng khi scroll với AOS

Đến AOS

Sử dụng

Đầu tiên, bạn cần thêm CSS.

<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">

Tiếp đến là JS.

<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>

Sau đó, khởi tạo AOS.

<script>
    AOS.init();
</script>

Danh sách hiệu ứng thì các bạn xem ở trang AOS mình có gắn liên kết ở trên nhé.

Tham khảo thêm:

Chúc các bạn thành công!

5/5 (1 bình chọn)
Chia sẻ
Series: Thủ thuật Front-end