Поворот зображення на веб-сторінці можливий за допомогою коду CSS для створення класу обертання, який потім можна використовувати з , щоб повернути зображення на сторінці.

Поворот зображення за допомогою

Код CSS повинен включати код перетворень для кожного основного інтернет-браузера, так що зображення обертається у всіх браузерах.

Нижче наведено приклад коду CSS для повороту зображення на 180 градусів.

 .rotateimg180 {-webkit-transform: rotate (180deg); -moz-transform: rotate (180deg); -ms-transform: rotate (180deg); -o-transform: поворот (180deg); transform: rotate (180deg); } 

Після того, як код CSS буде застосовано до вашого файлу .css або таблиці стилів, ви можете використовувати ім'я класу CSS у будь-якому з тегів зображень, як показано у нижченаведеному коді.

Порада: Щоб повернути зображення іншою мірою градусів, змініть значення "180" у коді CSS і тега до бажаного ступеня.

Повернути зображення, використовуючи вище код

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