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

3 Mei 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