Sexy hover com css 3

[L. Silva]

Antes de mais nada você precisa criar a div que vamos usar...

<div id="box">
</div>

Após termos criado a nossa div, vamos configurar nosso css.

div#box {
   background: #000;
   width: 50px;
   height: 50px;
   float: left;
   transition: background linear 2s;
  -moz-transition: background linear 2s; /* Firefox 4 */
  -webkit-transition: background linear 2s; /* Safari e Chrome */
  -o-transition: background linear 2s; /* Opera */
}

/* Aqui nos vamos configurar a nossa box para quando passarmos o cursor sobre o mesmo */

div#box:hover {
   background: #FF0;
}

Resultado:

Agradecimento pelo resultado: FuryousⱣɃ

E assim terminamos esse tutorial
Autor: L. Silva