У меня есть часть кода 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% уверен, что у меня просто нет синтаксиса для переменной (серьезно мне ужасно вспоминать, что что-то требует скобок, цитаты, squigglys и т.д., И я пробовал все, о чем я могу думать).
Или это может быть потому, что переменная является локальной для функции, и CSS не может ее прочитать.
Так что в принципе мне просто нужен незнакомец, чтобы сказать мне правильный синтаксис и как заставить CSS читать переменную, если это возможно.
В противном случае, похоже, мне понадобится функция для создания цели:
@-webkit-keyframes rotate {
0% {-webkit-transform: rotate(-10deg);}
100% {-webkit-transform: rotate(10deg);}
}
... который может быть немного беспорядочным, поскольку случайная переменная, вероятно, будет применена к нескольким элементам css.
Oh, и в настоящее время переменная форматируется, чтобы включить deg
после номера, чтобы это не было проблемой. На самом деле, для простоты просто предположим, что я использую var dogValue = "20deg"; и забыть случайный элемент.
Спасибо.