Jquery: изменить значение 'transform: rotate3d'?

Question

[junior81]

Добрый день.
Подскажите, каким способом установить значение свойства transform: rotate3d, чтобы вращение происходило на 45deg больше или меньше от текущего.
При ниже указанных значениях, после поворота на 360 происходит вращение в обратную сторону. Необходимо чтобы после 360 вращение продолжалось в заданном направлении :
https://jsfiddle.net/0669753966sv/wc8xe0oq/
Я пробовал получить значение .css('transform'), чтобы чтобы поместить его в переменную и к ней применить операцию сложения, но получил его в виде матрицы. А как оперировать матрицей я не умею :-(

Answer 1

[Максим Тимофеев]

https://jsfiddle.net/b71y499L/

Comments

[junior81]

Спасибо, за ответ.
Чистым Js, я еще не оперирую.
Я выложил ссылку, посмотрите.
Может можно извлечь свойство с помощью jquery в градусах и к нему + 45 deg?
Тогда после каждого клика будет обновляться свойство в градусах?

[Максим Тимофеев]

junior81: А зачем оперирывать? Скопируйте функцию, которую я Вас дал, обращайтесь к ней и получайте в ответ градусы.

[junior81]

Спасибо. Попробую.

Answer 2

[Сергей Кардашов]

Можно еще проще. Посмотри примеры движка для анимаций. Это можно сделать 5 строка кода и при этом будет грамотная анимация, ну или без анимации как тебе удобно будет

Comments

[junior81]

Спасибо. Это очень интересно.