Dengan perkembangan website saat ini banyak sekali beragam website yang sangat menarik dan indah untuk dilihat sehingga pengunjung yang melihat website tidak akan bosan untuk melihat nya, salah satu yang membuat menarik dari tampilan website adalah adanya animasi-animasi yang ditampilkan, dan salah satu animasi yang biasa kita lihat adalah adanya tampilan slideshow gambar. Slideshow sendiri merupakan tampilan berupa objek gambar ataupun objek lainnya yang saling bergantian baik secara manual ataupun secara otomatis pergantiannya. Banyak sekali cara dalam pembuatan slide gambar salah satu yang cukup mudah yaitu dengan Cara Membuat Slide Gambar dengan CSS3.

Untuk kalian yang ingin mencoba membuat slide dengan CSS3 berikut langkah-langkah nya.

Sebelum memulai praktek membuat slide gambar dengan CSS3, silahkan kalian siapkan beberapa objek gambar minimal 3 gambar.

1. Pertama buat sintak HTML berikut untuk menampilkan gambar.

2. Pada sintak img src silahkan isikan gambar nya, setelah itu kita buat sintak untuk mendesain tampilan gambar supaya menjadi slide pada gambarnya dengan sintak CSS3 berikut.

3. Setelah sintak diatas diketikan, simpan file nya dengan nama index.html kemudian kalian jalankan pada browser masing-masing dan lihat hasilnya. Selesai

Cukup mudah Cara Membuat Slide Gambar dengan CSS3, semoga bermanfaat 🙂

DEMO