Por último, las funciones de deformación establecen un ángulo para torcer, tumbar o inclinar un elemento en 2D. A diferencia de las anteriores, no tiene función correspondiente para 3D.
Las funciones de deformación disponibles en CSS son las siguientes:
Funciones | Significado |
---|---|
skewX(xdeg) |
Establece un ángulo de |
skewY(ydeg) |
Establece un ángulo de |
Algunos ejemplos de uso de estas funciones, serían las siguientes:
.element {
transform: skewX(-5deg);
transform: skewY(25deg);
transform: skewX(5deg) skewY(15deg);
}
Aunque la función
skew()
existe, no debería ser utilizada, ya que está marcada como obsoleta y serán retiradas de los navegadores en el futuro. En su lugar deberían utilizarseskewX()
oskewY()
, ya sea individualmente por separado o combinadas separando por espacio.
Soy Manz, vivo en Tenerife (España) y soy streamer partner en Twitch y profesor. Me apasiona el universo de la programación web, el diseño y desarrollo web y la tecnología en general. Aunque soy full-stack, mi pasión es el front-end, la terminal y crear cosas divertidas y locas.
Puedes encontrar más sobre mi en Manz.dev