La propiedad transform.

by WinsTon porrasoct 10, 2020

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.