gubhug reyot
Energy Saving Mode Using CSS3

Move your mouse to go back to the page!
Gerakkan mouse anda dan silahkan nikmati kembali posting kami!

Copyright * Feb 2012 * gubhugreyot.blogspot.com - All rights reserved

Jumat, 02 Maret 2012

Floating Menu with show hide effect

Arahkan cursor di menu sebelah kiri!

Floating menu yang juga sebagai menu tersembunyi ini dibuat menggunakan javascript dan hanya beberapa deret kode CSS. CSS3 telah ditambahkan juga untuk memberi sedikit sentuhan pemanis hover link, sehingga ketika cursor berada di atas link menu maka ada sebuah icon kecil yang meluncur dari sisi kiri. CSS3 transition menggerakkan icon ini dengan surasi transisi 1s. Sebuah menu cantik yang kompatibel di semua browser. Untuk membuatnyapun tidaklah sulit karena javascript utamanya telah terupload di google code. Anda cukup menyimpannya di antara tag body. Javascript juga sudah di compress sedemikian rupa sehingga bebannya menjadi sangat ringan. Hanya 9,81 kbyte! Sangat ringan untuk sebuah javascript yang mampu menciptakan vertical menu melayang sekaligus dilengkapi efek "sembunyi-nongol" serta "sebuah link Back to top". Gimana, broer? Lengkap sekaligus oye!

Tutorial


Tutorial: Floating Menu with show hide effect

0 komentar: