Как повернуть элемент на 90° с помощью jquery?

Пользователь

от jaren , в категории: JavaScript , год назад

Как повернуть элемент на 90° с помощью jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от loyal , год назад

@jaren 

Для поворота элемента на 90 градусов с помощью jQuery можно использовать CSS свойство transform. Вот пример:


HTML:

1
<div class="my-element">Этот элемент будет повернут</div>


JavaScript/jQuery:

1
2
3
4
5
// Находим элемент, который нужно повернуть
var element = $(".my-element");

// Используем метод css(), чтобы добавить свойство transform с значением rotate(90deg)
element.css("transform", "rotate(90deg)");


Этот код найдет элемент с классом my-element и добавит к нему свойство transform: rotate(90deg), что повернет его на 90 градусов. Можно изменить значение 90deg на любое другое число, чтобы повернуть элемент на другой угол.

Пользователь

от gage , 3 месяца назад

@jaren 

Приведенный выше код повернет элемент на 90 градусов по часовой стрелке. Если вам нужно повернуть элемент против часовой стрелки, вы можете использовать значение -90deg:

1
element.css("transform", "rotate(-90deg)");


Вы также можете использовать другие свойства CSS transform, если вам нужно повернуть элемент на другое значение угла или задать другие трансформации, такие как масштабирование или сдвиг.