MÓDULO: LENGUAJES DE MARCAS Y SISTEMAS DE GESTIÓN DE LA INFORMACIÓN

Administración de Sistemas Informáticos en Red

 

CSS3XSLTDTDRSSXSD

—La propiedad transform aplica una transformación 2D o 3D a un elemento. Esta propiedad permite rotar, escalar, mover, inclinar, etc, elementos.
 
Propiedad Significado
translate,   translate3d, translateX, translateY y translateZ Definen diferentes tipos de   traslaciones sobre el objeto indicado.
scale, scale3d, scaleY, scaleY y scaleZ Redimensionan el objeto, en su conjunto, en   ejes parciales.
rotate, rotate3d,   rotateX, rotateY, rotateZ Aaplican una rotación al objeto, como   en los casos anteriores; se rota en su conjunto o sólo en un plano específico. Van seguidas de un ángulo.
skew, skewX y skewY Realizan un abatimiento del elemento.
perspective Modifica su perspectiva.
matrix y matrix3d Definen una transformación utilizando 6   valores o 16 en el segundo caso.

 

Ejemplo​Ejemplo

Código CSS3 Código HTML
 
.Transforcaja1{
 border-radius: 7px 7px 7px 7px; 
 vertical-align: middle; 
 -webkit-transform: rotate(-25deg); 
 -moz-transform: rotate(-25deg); 
 transform: rotate(-25deg);
}
 
<img class="Transforcaja1" 
src="resources/ejemploTransfor.jpg" 
alt="Ejemplo de transformaci&oacute;n" 
title="Ejemplo de transformaci&oacute;n" 
height="132" width="100" />

Ejemplo de transformación

 

Saber másPara saber más


Próximos Eventos LM

No se han encontrado eventos

U2. Utilizar HTML, HTML5 y CSS3