penggunaan transition

Contoh penggunaan transition seperti ini :

<style>
#tombol{
  background-color: #FFFFFF;
  color: #000000;
  text-decoration:none;
  padding:5px;
}
#tombol:hover{
  transition: background 2s, color 2s;
  background-color: #000000;
  color: #FFFFFF;
  border-radius:5px;
}
</style>
<a id="tombol" href="">tombol</a>

Untuk mengetesnya bisa di copy kode diatas ke http://htmledit.squarefree.com/

@diazpace

properti transition ditaruh pada initial state, klo dalam contoh agan, properti transition harusnya ditaruh di #tombol bukan di #tombol:hover, karena di bagian ini cukup diisi value properti yg ditransisikan referensinya ada di [link]w3schools.com[/link] dan https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions

<style>
#tombol {
  background-color: #FFFFFF;
  color: #000000;
  text-decoration: none;
  padding:5px;
  border-radius: 0;
  transition: background 2s, color 2s, border-radius 2s;
}

#tombol:hover {
  background-color: #000000;
  color: #FFFFFF;
  border-radius:5px;
}
</style>

<a id="tombol" href="">tombol</a>

oh iya, bisa juga mengikuti dari w3 school, terimakasih atas kritikannya,,

@diazpace sama2 gan, sama2 kita belajar :)