[Solved] Given this animation step: animate('300ms ease-in', style({ height: '100px' })) What happens after 300ms? | Angular

Angular - Animations

Given this animation step:

animate('300ms ease-in', style({ height: '100px' }))

What happens after 300ms?

AThe animation stops without style change

BThe element's height resets to original

CThe element's height becomes 100px

DThe element's height becomes 0px

Step-by-Step Solution

Solution:

Step 1: Understand animate with style
The animate method changes styles over the given duration.
Step 2: Check style applied after animation
After 300ms, the height style becomes '100px' as specified.
Final Answer:
The element's height becomes 100px -> Option C
Quick Check:
Animate applies style after duration [OK]

Quick Trick: Style in animate applies after timing ends [OK]

Common Mistakes:

Master "Animations" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Given this animation step: