масштаб. Значення масштабу дозволяє збільшувати або зменшувати розмір елемента. Наприклад, значення 2 перетворить розмір у 2 рази більший за початковий розмір. Значення 0,5 перетворить розмір на половину початкового розміру.
Властивість scale CSS дозволяє вказувати масштабні перетворення окремо та незалежно від властивості transform. Це краще відповідає типовому використанню інтерфейсу користувача та позбавляє від необхідності запам’ятовувати точний порядок функцій перетворення, який потрібно вказати у значенні перетворення.
Синтаксис властивостей кількох перетворень CSS
- translate(x, y): це переміщує елемент у горизонтальному та вертикальному напрямках. …
- translateX(x): Переміщує елемент на x горизонтально.
- translateY(y): Переміщує елемент на y вертикально.
Наприклад, якщо у вас є елемент div із шириною та висотою 200 пікселів, застосування перетворення: translate(-50%, -50%); до цього буде перемістіть div на 50% ліворуч і на 50% угору, фактично центруючи його в межах батьківського контейнера.
Щоб зменшити масштаб тексту, коли контейнер стає меншим, ви можете використовуйте CSS з одиницею vw (ширина вікна перегляду) і функцією calc().. Установивши розмір шрифту у відсотках від ширини вікна перегляду, текст автоматично зменшуватиметься, коли контейнер стане меншим.