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
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