martes, 19 de febrero de 2013

Mover elemento con el método translate de la propiedad transform CSS3


Con el método translate() de la propiedad transform de CSS3, se mueve el elemento a partir de su posición actual, en función de los parámetros dados por la izquierda (eje X) y la posición superior (eje Y).


Compatibilidad ...

transform: translate()  -> Para todos los navegadores compatibles.
-ms-transform: translate() -> De Internet Explorer 9 en adelante
-moz-transform: translate() -> Para Firefox.
-webkit-transform: translate() -> Para versiones de crhome y safari
-o-transform: translate() -> Para versiones de Opera

transform: translate(x, y);

Ejemplo de uso de translate() ...

X:
Y: