Salam hangat teman-teman, semoga sehat selalu ya. Pada kesempatan kali ini saya akan mencoba berbagi tips bagaimana Cara Membuat Slide Image di Dalam Box Menggunakan Bootstrap.

Seringkali teman-teman ingin menambahkan efek animasi pada website yang teman-teman buat supaya lebih menarik. Seperti memberi efek animasi slide.

Ok, langsung saja saya kasih tau Cara Membuat Slide Image di Dalam Box Menggunakan Bootstrap:

– Pertama ketikan code HTML di bawah ini:

– Ke-dua Jangan lupa tambahkan folder images untuk menyimpan imagenya pada folder bootstrap teman-teman:

cara-membuat-slide-image-di-dalam-box-menggunakan-bootstrap-1

– Ke-tiga ketikan code css berikut ini, saya memberi nama filenya dengan nama ug.css:

– Ke-empat ketik tag link untuk memanggil file css, jangan lupa ketikan ug.css sehingga tidak mengubah css bawaan bootstrap:

Ok, sekarang kita lihat hasilnya yah teman-teman:

cara-membuat-slide-image-di-dalam-box-menggunakan-bootstrap-1

Nah efek yang kita berikan tadi akan men-slide gambar dari bawah ke atas pada saat cursor kita arah-kan pada image di dalam box.

Sekian tips dari saya kali ini tentang Cara Membuat Slide Image di Dalam Box Menggunakan Bootstrap. Selamat mencoba dan tetap jaga kesehatan selalu yah teman-teman.