domingo, 28 de octubre de 2012

CSS3 Transformando elementos.


Una de las nuevas funcionalidades de css3 es que podemos transformar elementos directamente desde el css, las transformaciones que podemos hacer son: escalar, rotar, mover y deformar.

  • rotate(grados): nos permite hacer rotar elementos, en grados.
  • translate(X,Y): nos permite mover un elemento a partir de su posición original, debemos especificar cuanto se debe mover en el eje de las x y en el eje de las y. 
  • scale(x,y): nos permite modificar el tamaño de un elemento, con los argumentos que le pasemos, multiplicara el numero por el tamaño original. 
  • skew(grados-x,grados-y): el elemento se gira en un angulo dado, en función a los parámetros dados.

Soporte en los Navegadores:
Esta característica es soportada por Chrome, firefox, ie 9+, opera, pero todos con sus respectivos prefijos.

Ejemplo: http://bomba1990.pythonanywhere.com/sosinformatico/js/css3transform
GITHUB: https://github.com/bomba1990/HTML5-Ejemplos/blob/master/css3/transform.html

No hay comentarios:

Publicar un comentario