Membuat tombol dengan Css3 gaya ngambang

Hai sob..!! assalamu'alaikum..
     kali ini saya akan membahas dan menunjukan bagaimana membuat tombol dengan css3, sebenarnya banyak yah macem tombol itu, tapi kali ini kita belajar yang sederhana aja dulu yah, oke, kita liat tutorialnya,
dan demonya bisa sobat liat disini
pertatama, kita buat markup seperti pada gambar dibawah ini,
<klik untuk memperjelas>
letakan dibagian body, bisa diatas kode</body> atau di bawah kode <body> dan di bagian <heade> hingga </head> pun sebenernya masih bisa. penulisan script html untuk link selalu seperti ini <link href= 'isi dengan alamat link'.

maka hasilnya akan sesimpel ini....











Selanjutnya, kita buat design tombol tersebut, ini adalah script yang ditulis dengan gaya css3, bisa dilihat disana tahap design selalu diawali dengan tanda "{ " dan diakhiri dengan  tanda "}"




















Tombol selesai, namun hanya tombol mati, selanjutnya, kita buat tombol sedikit hidup ketika di klik mouse, bisa diperhatikan dalam penulisanya pada gambar dibawah ini. klik untuk memperjelas.












Dan hasilnya akan seperti ini , terimakasih :)
















Untuk melihat scriptnya. klik disini