Cara Menambahkan Efek Animasi Text Pada Carousel Bootstrap

Baik teman-teman, pada tutorial kali ini saya akan mengajarkan bagaimana caranya menambahkan efek animasi text pada Carousel yang ada di Bootstrap. Untuk membuat nya sangat mudah sekali
kita akan menggunakan animate.css. Sebenarnya sudah banyak sekali pengembang yang dengan senang hati membagi-bagi kan carousel yang mereka buat dengan gratis, tetapi di sini kita akan coba membuat sendiri efek animasi text sederhana dengan bantuan animate.css. baik kita akan langsung praktekkan saja ya teman-teman.

Pertama kalian bisa buat satu file index.html dan kalian bisa ketikan baris program di bawah ini di dalam tag head untuk memanggil file Bootstrap dan  file animate.css nya :

Kemudian untuk struktur bootstrap carousel nya kalian bisa copy kan baris program nya dari website Bootstrap seperti gambar di bawah ini :

Kalian bisa lihat pada gambar di atas yang saya tandai dengan kotak merah, jadi di setiap isi carousel-caption di dalam tag pembuka kalian tambahkan attribut data-animation dan isikan nilainya sesuai efek animasi yang kalian inginkan.

Maka hasilnya beikut ini :

Nah untuk teman-teman yang ingin mendownload baris program nya teman-teman bisa mendownloadnya di link download di bawah ini. Sekian dulu tutorial dari saya semoga tutorial ini bermanfaat untuk teman-teman semuanya ya. Terima Kasih.

Download