En CSS3 las transformaciones son un efecto para cambiar la posición, tamaño y forma de algun objeto, Suelen confundirse las transformaciones con animaciones pero no es así es simplemente un elemento cambiado de estado.
Todas las transformaciones se obtiene a través de la propiedad trasnform la cual tiene diferentes métodos que actúan como una función interna al igual que en javascript. Esto es una pequeña introducción a la propiedad trasnfrom de CSS3.
Métodos de Transform
- El método translate cambia de posición el elemento sus medidas por supuestos se pueden dar en pixeles en em etc. También esta translateX y translateY para mover el objeto por esto dos ejes.
- El método rotate el cual se encarga de rotar el objeto sus medidas están dados en grados como si fueran ángulos (deg)
- El método scale el cual trasnforma el tamaño del objeto este esta dado en números la medida ejemplo seria trasnform: scale(2) amuentaria el tamaño del objeto. Este también se puede controlara los ejes de forma independiente scaleX scaleY.
- El método skew transforma el obejeto en un romboide no es muy usado salvo casos excepcionales.
Existen más estos son los mas comúnes y mas usados en el diseño web moderno.
- Diseño Grafico y UI con figma
Leer Ahora! - Busqueda de Palabras Claves
Leer Ahora! - Trasform popiedad de CSS
Leer Ahora! - Cambio de color de fondo efecto de scroll (JQuery)
Leer Ahora!