Властивість transform CSS дозволяє обертати, масштабувати, нахиляти або переміщати елемент. Він змінює координатний простір моделі візуального форматування CSS.26 липня 2024 р.

Перетворити, перетворити означає змінити одну річ на іншу. Transform передбачає зміну однієї форми, зовнішнього вигляду, структури чи типу на інший: перетворювати соєві боби на олію та шрот за допомогою тиску. Перетворення передбачає таку зміну характеристик, як змінити використання або призначення: переробити хлів на хату.

Властивість текстового перетворення CSS вказує, як використовувати великі літери в тексті елемента. Його можна використовувати, щоб текст відображався лише великими чи малими літерами, або кожне слово було написано великими літерами. Це також може допомогти покращити розбірливість ruby.

Функція CSS scale() визначає перетворення, яке змінює розмір елемента на двовимірній площині. Оскільки ступінь масштабування визначається вектором [sx, sy], він може змінювати розміри горизонтальних і вертикальних розмірів у різних масштабах. Його результатом є тип даних <transform-function>.

Властивість transform-origin дозволяє змінювати положення трансформованих елементів. Двовимірні перетворення можуть змінювати вісь x і y елемента. Тривимірні перетворення також можуть змінювати вісь z елемента. Щоб краще зрозуміти властивість transform-origin, перегляньте демонстрацію.

Визначення та використання. Властивість transform застосовує 2D або 3D трансформацію до елемента. Ця властивість дозволяє обертати, масштабувати, переміщувати, нахиляти тощо елементи.