css3 transition

Untuk mendapatkan efek hover pada suatu objek biasanya kita menggunakan javascript atau memakai flash. tapi dengan cs3 kita bisa mendapatkan hal tersebut. Kita bisa membuat efek berputar, di zoom atau di geser. Dengan efek easing yang biasanya memakai jquery.

CSS :

Penjelasannya :

Tekhnik css di atas di gunakan untuk menampilkan animasi ease in out logo tag <h1>, dan saat posisi hover (mouse di atas object). maka akan di putar 5derajad

. Dan akan di perbesar skalanya

.

Dengan tekhnik ini anda bisa membuat efek memutar text bisa sampai 360 derajad sserta bisa di zoom atau di perbesar. untuk kecepatan efectnya bisa anda sesuaikan sendiri pada bagian ini

. Anda bisa merubah 1s sesuai dengan yang anda inginkan.

untuk  previewnya silahkan lihat di website alurkria.com

Sekian selamat mencoba…!

 

3 thoughts on “css3 transition

Leave a Reply