Встроенные CSS-переходы/анимация

#html #css #css-animations #css-transitions #inline-styles

Вопрос:

У меня есть проект, в котором пользователи могут вводить пользовательский css, который становится встроенным стилем в div. Я попытался вставить a transition: all 2s linear и a transform: rotate(180deg) , но анимации не было, она просто начала поворачиваться на 180 градусов.

Есть ли способ сделать какую-либо css-анимацию, но только со встроенными стилями на элементе?

Комментарии:

1. Я думаю, вам нужен какой-то триггер для запуска анимации

2. Анимация не будет работать, если нет начального значения.

3. Вы не можете добавить встроенную анимацию, так как для этого требуется правило @keyframes в css, которое нельзя применить к элементу.