Angular10 animation Style API Last Updated : 01 Sep, 2021 Comments Improve Suggest changes Like Article Like Report In this article, we are going to see what is Style in Angular 10 and how to use it. The Style in Angular10 is used to create a key/value object containing CSS properties/styles that can be used for an animation state. Syntax: Style(tokens) NgModule: Module used by Style is: animations Approach: Create the angular app to be used.In app.module.ts import BrowserAnimationsModule..In app.component.html make a div which will contain the animation element.In app.component.ts import the trigger, state, style, transition, animate to be used.Make the style containing tokens for the animation.Serve the angular app using ng serve to see the output. Parameters: tokens: A set of CSS styles or HTML styles associated with an animation state. Return Value: AnimationStyleMetadata: An object that encapsulates the style data. Example 1: app.module.ts [tabbyending] app.component.ts [tabbyending] app.component.html [tabbyending] Output: Reference: https://angular.io/api/animations/style Comment More infoAdvertise with us Next Article Angular10 animation Style API T taran910 Follow Improve Article Tags : Web Technologies AngularJS Angular10 Similar Reads Angular10 State Animation In this article, we are going to see what is State in Angular 10 and how to use it. The State in Angular10 is used to create an animation trigger containing state and transition of the animation. Syntax: State(name, style, options) NgModule: Module used by State is: animations  Approach: Create an 2 min read Angular10 animation transition API In this article, we are going to see what is transition in Angular 10 and how to use it. The transition in Angular10 is used to create a transition for the animation in which an element will go from one state to another. Syntax: transition (stateChangeExpr, steps, options) NgModule: Module used by t 2 min read Angular10 Trigger Animation In this article, we are going to see what is trigger in Angular 10 and how to use it. The trigger in Angular10 is used to create an animation trigger containing state and transition of the animation. Syntax: animate(name | definitions) NgModule: Module used by trigger is: animations  Approach: Cre 2 min read Angular PrimeNG StyleClass Animations Angular PrimeNG is an open-source library that consists of native Angular UI components that are used for great styling and this framework is used to make responsive websites with very much ease. In this article, we will be seeing Angular PrimeNG StyleClass Animations. StyleClass is used to manage C 3 min read Angular PrimeNG Skeleton Animation Angular PrimeNG is an open-source framework with a rich set of native Angular UI components that are used for great styling and this framework is used to make responsive websites with very much ease. In this article, we will know how to use Skeleton Animation in Angular PrimeNG. We will also learn a 3 min read Like