Как вызвать переход CSS3 с помощью JavaScript?

Question

Когда я нажимаю на кнопку, я хочу, чтобы div вращался так же, как я делал бы с CSS3 transition: rotate(350deg);. Как бы я сделал это с помощью CSS или JS? (Если бы это можно было сделать с помощью CSS, я бы предпочел это)

Answer 1

В событии onclick кнопки введите:

document.getElementById("yourDivId").className += " rotate";

В CSS:

#yourDivId {
  transition: transform 1s;
}

.rotate {
  transform: rotate(360deg);
}

Вы должны добавить префиксы, специфичные для браузера (-moz-, -webkit-), к переходу и преобразованию, но это должно работать для вас.