transiciones y transformaciones CSS

Saludos amigos, el dia de hoy veremos lo que son las transiciones y transformaciones en CSS3, que estas nos son de mucha utilidad cuando queremos darle un estilo mas profesional y dinamico a nuestra web, estos efectos son utilizados principalmente en menus.

Ejemplo:

.a:over {
  transition-property: opacity, left, top, height;
  transition-duration: 3s, 5s;
}

El codigo anterior se aplica a la clase "a" que al pasar el mause por encima de ella se activara y comenzara a hacer su trabajo.