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

19 September 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat