Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Escalado de Elementos | Transformación de Elementos con CSS
Técnicas Avanzadas de CSS

bookEscalado 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 scaleX y scaleY reciben 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.html

index.css

index.css

copy
question mark

¿Cuál de las siguientes opciones se puede utilizar para escalar un elemento solo en la dirección horizontal?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 2

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 2.04

bookEscalado 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 scaleX y scaleY reciben 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.html

index.css

index.css

copy
question mark

¿Cuál de las siguientes opciones se puede utilizar para escalar un elemento solo en la dirección horizontal?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 2
some-alt