我有一段JS代码来生成随机数，并将它们输出为变量，以代替旋转值在此使用

@-webkit-keyframes rotate {
    0% {-webkit-transform: rotate(-10deg);}
    100% {-webkit-transform: rotate(10deg);}
}

#dog{
/*irrelevant settings*/
-webkit-animation: rotate 5s infinite alternate ease-in-out;
}

上面的代码工作正常，但是当我尝试将javascript中的变量粘贴进去时，rotate(variable);我无法正常工作。我是新来的人，所以我90％肯定我只是没有正确了解该变量的语法（严重的是，我很难记住某些内容是否需要方括号，引号，波浪状等，我已经尽力了。）
。

或可能是因为变量是函数的局部变量，而CSS无法读取该变量。

因此，基本上，我只需要一个陌生人来告诉我正确的语法，以及在可能的情况下如何使CSS读取变量。

否则，看起来我将需要该函数来创建以下内容的整体：

@-webkit-keyframes rotate {
    0% {-webkit-transform: rotate(-10deg);}
    100% {-webkit-transform: rotate(10deg);}
}

…这可能有点混乱，因为随机变量可能会应用于多个CSS元素。

哦，当前该变量的格式设置为deg在数字之后包含，因此这不是问题。实际上，为简便起见，假设我使用的是var dogValue =“ 20deg”;
忘记随机元素。

谢谢。