Animations
Select an animation and preview it instantly on the demo panel.
Use this example to explore default behavior, customization points, and accessibility-friendly patterns in a real Blazor page.
Animate
MgAnimateAPI Reference: MgAnimate
| Property | Type | Default | Description |
|---|---|---|---|
| Animation | MgEnums.MgAnimationType | FadeIn | Animation preset to apply. |
| Duration | TimeSpan | 350ms | Total animation duration. |
| Delay | TimeSpan | 0ms | Delay before animation starts. |
| TimingFunction | string | "ease" | CSS timing function, e.g. ease-in-out. |
| TriggerKey | string | "" | Change this value to replay animation. |
| ReplayOnParameterChange | bool | true | Replays when animation-related parameters change. |
| Infinite | bool | false | Runs animation continuously. |
| IterationCount | int | 1 | Number of animation repeats when not infinite. |
| ChildContent | RenderFragment | null | Content rendered inside the animated wrapper. |