2 Link dengan efek tembakan laser

CSS3 memang mengagumkan!!

Itulah yang terucap saat menemukan (baca: mencontek) trik ini. Saat baca-baca kumpulan snippet di http://css-tricks.com tepatnya di bagian footer, saya melihat link yang cukup unik. Saat pointer mouse melewati link ini, maka pancaran cahaya seperti laser terlihat berkelebat menembak ke arah kanan. Entahlah, link apa ini namanya.

Penasaran dengan itu, langsung deh coba coba bereksperimen sambil sesekali melirik situs css-tricks :D

Hasilnya, seperti yang ada di bagian bawah posting ini

3 Animasi foto genit dengan CSS keyframe

Jika sebelumnya kita telah berhasil membuat animasi foto menjadi berkedip dengan photoshop. Sekarang kita akan mencoba hal yang sama, namun menggunakan tools berbeda, yaitu menggunakan CSS animasi @keyframe.

Sebenarnya konsep dasar dari pembuatan animasi frame by frame, entah menggunakan tools apapun (flash, photoshop) bahkan CSS3 memiliki pola yang sama. Yaitu menggunakan dua atau lebih gambar berbeda dengan dibungkus oleh sebuah bingkai virtual, dimana bingkai ini hanya dapat memuat satu gambar dan akan memuat gambar lain berdasarkan waktu yang telah ditentukan.

8 Menggambar bungkus rokok djarum super menggunakan CSS3

Gambar di atas tidak dibuat  menggunakan program khusus untuk menggambar seperti corel, photoshop atau sejenisnya. Saya membuatnya hanya bermodalkan notepad++  untuk menuliskan kode kode CSS dan browser untuk melihat hasilnya. Mungkin di masa depan, teknologi web tidak lagi membutuhkan program semacam photoshop dan adobe flash. Semua itu bisa digantikan dengan menggunakan CSS3.

Apa itu CSS3?