構造字符串的樣式值不起作用

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添加旋轉樣式並使其旋轉。

我只是想知道爲什麼這樣不起作用增加值Transform屬性。爲什麼？

的的console.log命令打印出： 「旋轉（10deg）」

那麼是什麼功能從停止它？某種規則？

感謝您的幫助。

Answer 1

該值不應包含圍繞它的"。

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