[CSS] Animaciones de fondos

<div class="boxanimada">Este es un contenedor con transiciones</div>

.boxanimada {
background-color: #4462D5; /* COLOR DE FONDO */
color: #EEEEEE; /* COLOR DEL TEXTO */
display: table-cell;
font-size: 20px; /* TAMAÑO DE LA FUENTE */
height: 50px; /* ESTO SE PUEDE BORRAR */
line-height: 1.5em;
margin: 0 auto;
padding: 10px;
text-align: center;
vertical-align: middle;
width: 400px; /* ESTO SE PUEDE BORRAR */
}

.boxanimada:hover {
background-color: #333;
color: #fff;
}

-moz-transition: all 0.5s ease 0.5s;