Построенная строка для значения стиля не работает

Question

function tickleTux() { 

var tuxImg = document.getElementById('tux'); 

tuxImg.style.transition = "transform .5s"; 

tuxImg.addEventListener('click', itTickles, false); 

function itTickles() { 

    var addRotation = 10; 

    var rotationValue = '"' + 'rotate' + '(' + addRotation + 'deg' + ')' + '"' 

    tuxImg.style.transform = rotationValue; 

    console.log(rotationValue); 
} 

В принципе, это добавляет стиль вращения к img и заставляет его вращаться.

Я просто хочу знать, почему добавив значение свойства преобразования таким образом не работает. Зачем?

В console.log команда выводит: «поворот (10 градусов)»

Так что мешает его нормальному функционированию? Какое-то правило?

Благодарим за помощь.

Answer 1

Значение не должно содержать " вокруг него.

var rotationValue = 'rotate(' + addRotation + 'deg)';