ng-animate-ref
позволяет создать переход от одного dom node к другому.
ng-animate использует все стили css, такие как position
, font-size
, font-color
и многое другое из первого элемента dom и второго элемента dom и создает анимацию css 3 для перемещения элемента из состояния a
в состояние b
.
Это именно то, что мне нужно, но, к сожалению, я не могу использовать Angular 1 в текущем проекте.
Есть ли способ для повторного использования одной и той же анимации css3, не перемещая все стили из моих файлов css в javascript?
Чтобы проиллюстрировать проблему, см. следующий пример.
Как вы можете видеть, у примера есть не пользовательский код анимации javascript, а только код javascript, который обрабатывает элементы переключения логики состояния из списка a
в b
.
Определение анимации записывается в чистом css.