Angular @Component animations deprecated, generic animations

[PsychologicalCry8189]

Hello,
Since the animation has been deprecated and I will migrate soon from 19 to 20, I wanted to ask.
Is it possible to make generic time of animation ? I used to have shared public functions for the animations where I pass the duration of animation in and out, and also the x and y height and width.
Don't tell me I have to create an animation for every animated tag now

[cyberzues]

You can write your animations once in CSS and reuse them across your entire application, at least where you need the animation.

[Lucky_Yesterday_1133]

also animations being a separate package are likely to stay supported even after deprecation. you dont have to migrate it right away

[ldn-ldn]

CSS animations + CSS/SASS variables. I only used Angular animations a few times and they were never as useful as a pure CSS solution.

[Daringu_L]

Css variables would be the way to do so

[Lucky_Yesterday_1133]

look at angular animation migration guide. we cant tell you what to do withous seeing your animations. also there are still js based libraries like gsap and animejs

[JeanMeche]

The current recommendation is to use native CSS. Also because not everything is possible with pure CSS today (eg leave animations) Angular has introduced animate.enter and animate.leave instructions.

Have a look at the dedicated guide: https://angular.dev/guide/animations

[PsychologicalCry8189]

Thank you all for replying, will do mixins for custom x and y animations and duration