Maksimalkan efek hover dengan CSS Transisi

Ok,pada malam hari ini saya akan menjelaskan tentang efek hover,pastinya sobat-sobat dah tau hover donk yaitu adalah suatu obyek yang berubah saat tersorot oleh kursor,oke lah kalo gitu,mari kita langsung ke topiknya,yang dimaksud saya dikatakan CSS Transisi adalah mode hovernya yang sangat halus dalam memulai hover sampai akhir hovernya,ok contohnya adalah seperti di bagian postingan ini,gimana pingin tau enggak caranya,oke lah kalo begitu,langsung saja penjelasanhya dibawah ini

 .post {background#f2f2f2;border: 4px solid #000;-webkit-transition: all .5s ;-moz-transition: all .5s ;-o-transition: all .5s ;transition: all .5s ;}.post:hover {background:#fff;border-radius:30px;}
 Keterangan :
A. Property ( elemen yang akan di buat transisi )
-moz-transition-property:... <<< kamu tambahkan agar firefox 4 kompatibel
-webkit-transition-property:... <<< + agar chrome & safari kompatibel
-o-transition-property:... <<< + agar opera kompatibel
... kamu ganti apa yang akana kamu buat efek transisi border, background dll. Contoh diatas saya umpamakan border dan background maka transisinya yaitu 1.background: #f2f2f2 menjadi #fff dan 2.border: ( persegi tidak radius ) menjadi ( radius 30px )
Note: kamu dapat gunakan all jika efek ingin kamu tambahkan ke semuanya.
B. Duration ( waktu berlangsungnya transisi )
-moz-transition-duration:...s <<< + agar firefox 4 kompatibel
-webkit-transition-duration:...s <<< + agar chrome & safari kompatibel
-o-transition-duration:..s <<< + agar opera kompatibel
...s kamu ganti sesuai keinginan, contohnya yaitu saya masukan .2s berarti durasi / waktu transisi berlangsung selama 0,2 sekon atau 1/5 detik.
C. Delay ( waktu penjeda untuk memulai transisi)
jika kamu ingin membuat waktu jeda sebelum mulai transisi gunakan delay
-moz-transition-delay:...s <<< + agar firefox 4 kompatibel
-webkit-transition-delay:...s <<< + agar chrome & safari kompatibel
-o-transition-delay:..s <<< + agar opera kompatibel

Gimana dah paham belum,jika ada pertanyaan,kritik,atau saran silahkan berkomentar di postingan ini