BGS
21 Juni 2022
Supaya tampilan web lebih menarik dan juga interaktif, saya menggunakan animate on scroll library agar terdapat animasi ketika scroll atau menggulirkan mouse pada web ini. Atau bisa melihat beberapa contoh animasinya pada web Animate On Scroll.
Animasi pada Animate On Scroll
Animasi pada bgs.web.id pada saat scroll
Untuk memasang animasi pada template Blogger menggunakan cara menambah styles
pada <head> :
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
Menambah script sebelum menutup tag </body> dan inisialisasi AOS:
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
Lalu mengatur animasinya menggunakan atribut data-aos:
<div data-aos="fade-in"></div>
Berikut ini contoh penerapan pada template Blogger web ini:
Untuk pengaturan lainnya bisa dipelajari di GitHub AOS michalsnik.
untuk yang beranda sama juga ngk bang, mengeditnya?
BalasHapusSama saja setelah dipasang stylesheet dan script tinggal atur atribut data-aos pada posisi section atau tag lainnya sesuai yg diinginkan dimana
Hapus