Sexy hover com css 3

**L. Silva** · 07-09-2012, 02:19 PM

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

Código HTML:

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

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

Código HTML:

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;
}