membuat background transition css3

membuat bacgkround transition dengan css
dalam postingan ini kita akan main hover .

contoh . ada link yang di senggol dengan cursor lalu link tersebut berganti warna dengan pelan atau lambat

nie contoh kodenya

<style>
#menu a { padding:10px; }
#menu a:hover { -moz-transition: all 100ms ease-in-out; background-color:#ff0000; }
</style>

<div id="menu">
<a href="index.php">Home</a>
</div>

itu salah satu contoh sederhana dari saya .
oh ya pada bagian -moz-transition: all 100ms ease-in-out;

itu hanya bisa di jalankan di mozilla
untuk  bisa di jalankan di chrome .
tinggal di tambah saja -webkit-
contoh -webkit-transition: all 100ms ease-in-out;