Escalado de Elementos
scale() permite aumentar o disminuir el tamaño de un elemento. Además, es posible cambiar el tamaño de un elemento solo verticalmente usando la propiedad scaleY() o solo horizontalmente usando la propiedad scaleX().
transform: scale(X-value, Y-value);
transform: scaleX(value);
transform: scaleY(value);
Los valores para las funciones scale deben ser sin unidad. Por defecto, el valor es 1, lo que significa que no se realizan cambios.
- La función
scale()puede recibir dos valores. El primero (X-value) es el número que representa el cambio horizontal. El segundo (Y-value) es el número que representa el cambio vertical. Si se establece un solo valor, el navegador aplica el mismo valor para las escalas horizontal y vertical; - Las funciones
scaleXyscaleYreciben un valor y modifican un elemento horizontal y verticalmente, respectivamente.
A continuación, se propone practicar agregando escalado a los siguientes elementos:
index.html
index.css
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Awesome!
Completion rate improved to 2.04
Escalado de Elementos
Desliza para mostrar el menú
scale() permite aumentar o disminuir el tamaño de un elemento. Además, es posible cambiar el tamaño de un elemento solo verticalmente usando la propiedad scaleY() o solo horizontalmente usando la propiedad scaleX().
transform: scale(X-value, Y-value);
transform: scaleX(value);
transform: scaleY(value);
Los valores para las funciones scale deben ser sin unidad. Por defecto, el valor es 1, lo que significa que no se realizan cambios.
- La función
scale()puede recibir dos valores. El primero (X-value) es el número que representa el cambio horizontal. El segundo (Y-value) es el número que representa el cambio vertical. Si se establece un solo valor, el navegador aplica el mismo valor para las escalas horizontal y vertical; - Las funciones
scaleXyscaleYreciben un valor y modifican un elemento horizontal y verticalmente, respectivamente.
A continuación, se propone practicar agregando escalado a los siguientes elementos:
index.html
index.css
¡Gracias por tus comentarios!