Вивчайте Масштабування Елементів | Трансформація Елементів за Допомогою CSS

scale() дозволяє збільшувати або зменшувати розмір елемента. Також можна змінювати розмір елемента лише по вертикалі за допомогою властивості scaleY() або лише по горизонталі за допомогою властивості scaleX().

transform: scale(X-value, Y-value);
transform: scaleX(value);
transform: scaleY(value);

Значення для функцій scale мають бути без одиниць виміру. За замовчуванням значення — 1, тобто без змін.

Функція scale() може приймати два значення. Перше (X-value) — це число, що визначає горизонтальне масштабування. Друге (Y-value) — число для вертикального масштабування. Якщо вказати лише одне значення, браузер застосує його і для горизонтального, і для вертикального масштабування;
Функції scaleX та scaleY приймають одне значення та змінюють елемент відповідно по горизонталі або вертикалі.

Практичне завдання: додайте масштабування для наступних елементів:

index.html

index.css

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 5. Розділ 2

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Awesome!

Completion rate improved to 2.04

Свайпніть щоб показати меню

transform: scale(X-value, Y-value);
transform: scaleX(value);
transform: scaleY(value);