Membuat Slideshow Dengan CSS3

Fitur slideshow adalah kumpulan gambar yang dimana secara otomatis akan berganti-ganti tiap detiknya. fitur slideshow tersebut banyak ditemukan pada website atau Blog. Fitur slideshow dapat dimanfaatkan untuk website atau Blog yang menawarkan produk produk terbaru. Dalam pembuatan slideshow kebanyakan menggunakan plugin dari Javascript seperti Jquery Cycle, Jquery Carousel. Namun saat ini kita tidak akan membahas bagaimana cara membuat slideshow menggunakan Jquery tetapi kita akan membuat slideshow dengan CSS3 yang dimana CSS3 sudah mampu membuat slideshow yang cukup dinamis yang tidak kalah sama Javascipt.
Langsung saja pertama kita membutuhkan 3 gambar dan buat struktur HTMLnya

dan berikan cssnya.

kita buat animasi dengan nama slideshow
untuk membuatnya kita menggunakan property @keyframes lihat gambar dibawah

note : saya gunakan browser chrome untuk menampilkannya.
dan temen temen bisa simpan dan jalankan pada browser
Selamat Mencoba