En este post vamos a ver las CSS transformations que por si solas no hacen mucho, excepto tal vez la de rotar pueda ser interesante sin embargo su verdadera utilidad se ve en las CSS animations de las que hablaré en un próximo post, aunque desde ya les digo que esas sólo funcionan en Webkit y aún más interesantes son las 3D CSS animations que hacen cosas que sólo he visto en flash pero lamentablemente únicamente soportadas por un webkit night build (es decir una versión tan pero tan reciente que nisiquiera es alpha y sujeta a mil errores).
Vamos al grano, no sin antes advertir que sólo funcionan estos ejemplos en navegadores modernos
Trasladar con CSS3
Para mover el div de su ubicación actual usamos la siguiente propiedad para desplazarlo a la derecha(el segundo valor desplaza hacia abajo):
-moz-transform: translate(3em, 0pt);
-webkit-transform: translate(3em,0);
Rotar usando CSS3
Este ejemplo rotará nuestro div 30 grados
-moz-transform:rotate(30deg);
-webkit-transform: rotate(30deg);
Escalar usando CSS3
Veamos este ejemplo para agrandar un div al doble de su tamaño original
-moz-transform:scale(2);
-webkit-transform: scale(2);
Espero les sean útiles estas propiedades aunque por ahora sean sólo para experimentar
