Rabu, Agustus 22, 2012

Animasi Iklan dengan CSS3 tanpa Javascript/jQuery

Penulis Day Milovich | Rabu, Agustus 22, 2012 | 19.40.00 |



Animasi iklan dengan CSS3 tanpa Javascript/jQuery sudah pasti loading lebih ringan dan tetap cantik. Saya tertarik membuatnya karena efek animasinya mirip iklan bola di televisi.
Animasi CSS3 tanpa JavaScript atau jQuery terinspirasi oleh artikel Alessio Atzeni berjudul "a Pure CSS3 Cycling Slideshow"
Code yang telah saya modifikasi ini, dirancang sebagai animasi iklan dengan ukuran 980x50 pxl. Pastikan Anda punya 5 (lima) image dengan ukuran 980x50 pxl. Saya sudah hilangkan tag <H1> pada code animasi agar tampilannya lebih efisien dan SEO-friendly. Progress bar dan "pause" saat cursor ditaruh di atas gambar, masih tetap bisa dinikmati. Silakan dipakai untuk animasi iklan di blog Anda.

Inspirasi:
Alessio Atzeni, "A Pure CSS3 Cycling Slideshow"
http://coding.smashingmagazine.com/2012/04/25/pure-css3-cycling-slideshow/
Code dan Demo
http://jsfiddle.net/tamanmerah/h4YQM/
:))

Tidak ada komentar:

Posting Komentar

Anda bisa berkomentar tanpa perlu login.

 
Day Milovich (c) 2013. Diberdayakan oleh Blogger.