GALLERY FOTO BANNER ANIMASI CSS3
GALLERY FOTO BANNER ANIMASI CSS3
GALLERY FOTO BANNER ANIMASI CSS3
CARA PEMBUATAN
Cara pembuatan dan penjelasan skrip gallery foto banner animasi adalah sebagai berikut.
1. Buatlah file CSS yang berisi kode berikut sebagai dasar pembuatannya.
Keterangan dari kode di atas adalah sebagai berikut.
Transition adalah untuk mengatur pergerakan animasi.
Skrip yang lain hanya untuk mendukung pembuatan seperti pengaturan ukuran, border, tulisan dan lain lain.
2. Untuk menerapkan pada skrip HTML adalah sebagai berikut.
Keterangan skrip HTML:
Link-gambar1 sampai link-gambar4 gantilah dengan alamat gambar yang akan Anda gunakan.
Untuk TITLE gantilah dengan judul gambar yang Anda mau.
3. Hasil skrip html di atas dapat dilihat pada gambar berikut.
Demikian tutorial GALLERY FOTO BANNER ANIMASI CSS3 yang bisa mimin berikan. semoga bermanfaat.
GALLERY FOTO BANNER ANIMASI CSS3
GALLERY FOTO BANNER ANIMASI CSS3
GALLERY FOTO BANNER ANIMASI CSS3
Gallery foto banner animasi ini tidak menggunakan java script dalam pembuatanya tetapi hanya memberikan CSS3 untuk efek animasinya sehingga akan lebih ringan saat memuat template Anda.CARA PEMBUATAN
Cara pembuatan dan penjelasan skrip gallery foto banner animasi adalah sebagai berikut.
1. Buatlah file CSS yang berisi kode berikut sebagai dasar pembuatannya.
Keterangan dari kode di atas adalah sebagai berikut.
Transition adalah untuk mengatur pergerakan animasi.
Skrip yang lain hanya untuk mendukung pembuatan seperti pengaturan ukuran, border, tulisan dan lain lain.
BACA JUGA GALLERY FOTO ZOOM EFFECT CSS3
2. Untuk menerapkan pada skrip HTML adalah sebagai berikut.
Keterangan skrip HTML:
Link-gambar1 sampai link-gambar4 gantilah dengan alamat gambar yang akan Anda gunakan.
Untuk TITLE gantilah dengan judul gambar yang Anda mau.
3. Hasil skrip html di atas dapat dilihat pada gambar berikut.
Demikian tutorial GALLERY FOTO BANNER ANIMASI CSS3 yang bisa mimin berikan. semoga bermanfaat.
Comments
Post a Comment