Щоб змінити орієнтацію зображення в HTML, ви можете використати властивість CSS під назвою «transform» разом із функцією «rotate». Ця властивість, застосована до елемента зображення, дає змогу вказати кут повороту (наприклад, “перетворення: поворот (90 градусів);” для повороту на 90 градусів).12 січня 2024 р
Ця функція добре запроваджена та працює на багатьох пристроях і версіях браузера. Він доступний у всіх браузерах із вересня 2015 року. Функція CSS rotate() визначає перетворення, яке повертає елемент навколо фіксованої точки на двовимірній площині, не деформуючи його.
Елемент можна повернути на 90 градусів за допомогою властивості transform. Ця властивість використовується для переміщення, обертання, масштабування та інших для виконання різних видів трансформації елементів.
rotate() повертає елемент навколо фіксованої позиції. Для двовимірного обертання синтаксис такий перетворення: поворот (кут) . Для тривимірного обертання вздовж осі x, y, z відповідно синтаксис такий: rotateX(angle), rotateY(angle) або rotateZ(angle).
CSS rotate() Ви можете обертати елемент за або проти годинникової стрілки. Давайте подивимося на синтаксис функції rotate(): перетворення: поворот (кут); Значення «кут» представляє кількість градусів, на яку елемент має обертатися.
Щоб змінити орієнтацію фонового зображення в CSS, ви можете використовувати властивість background-position. Ця властивість задає початкове положення зображення. Ви можете встановити позицію, вказавши два значення; перше значення контролює положення вліво/вправо, а друге значення контролює положення вгору/вниз.