Как заставить элемент применять нужные градусы?

Question

[pegas]

Как сделать так чтобы при добавлении класса объект не прокручивался через всю ось а искал наименьший путь.
Т.е. в примере, чтобы он не прокручивался назад, а прокручивался вперёд т.к. это наименьший путь
https://jsfiddle.net/snrm8701/4/

Answer 1

[Senseich]

.r {
  transform: rotate(377deg);
}

или для div изначально сделайте transform: rotate(-17deg);

Comments

[pegas]

360 градусов это максимум допустимое значение

[Senseich]

Артём, не совсем понятно, что вы пытаетесь сделать. Если 360 максимум, тогда

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

[pegas]

Senseich, Надо чтобы встал на позицию 17, но не прокручивался назад, а вперёд. Как то сделать чтобы прокрутился до 360 т. а потом от 0 до 17. Главное чтобы "наименьшим путём"

[Senseich]

Артём, если я правильно понял, вам нужно, чтобы при каждом клике блок прокручивался по часовой на +17 градусов, так что ли?

[Froggyweb]

Только js . Сама анимация на сss на полученный угол положительный или отрицательный

[Senseich]

Артём, вы это имели ввиду: https://jsfiddle.net/snrm8701/60/
При каждом клике будет поворачиваться на 17 градусов

[pegas]

Senseich, Нет. с 343deg меняется до 17, но коротким путём.

[pegas]

Senseich, https://jsfiddle.net/snrm8701/4/ Сейчас меняется длинным

[Senseich]

Артём, https://jsfiddle.net/snrm8701/70/

[pegas]

Senseich, Да, но Вы нарушили условие, не должно быть больше 360, я только до этого додумался: https://jsfiddle.net/snrm8701/81/

[Senseich]

Артём, я вначале не понял, а потом опять ничего не понял ))) так: https://jsfiddle.net/snrm8701/93/