Skip to main content

Animation

shadow

Element Animation umožňuje jednoduchú integráciu animácií do webových aplikácií, čím prispieva k tvorbe pútavých a interaktívnych používateľských rozhraní. Ponúka široké možnosti prispôsobenia, vrátane nastavenia oneskorenia, trvania a počtu opakovaní animácií.

Základné použitie

Atribúty a Vlastnosti

delay

DescriptionProperty specifying the delay before the animation starts in milliseconds.
Attributedelay
Typenumber
Default0

direction

DescriptionAnimation direction property
Attributedirection
Type"normal" | "reverse" | "alternate" | "alternate-reverse"
Defaultnormal

duration

DescriptionA property indicating the duration of the animation in milliseconds.
Attributeduration
Typenumber
Default1000

easing

DescriptionProperty specifying the release function for the animation.
Attributetoggle-icon
Type"ease." | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end"
Defaultlinear

endDelay

DescriptionA property specifying the delay after the animation has finished, in milliseconds.
AttributeendDelay
Typenumber
Default'0'

fill

DescriptionProperty defining the animation fill mode (before and after animation).
Attributefill
Type"car" | "none" | "forwards" | "backwards" | "both"
Defaultcar

iterations

DescriptionThe property that determines the number of animation repeats.
Attributeiterations
Typenumber
Default0

iterationStart

DescriptionThe iterationStart attribute specifies the point at which the animation should start, with a value between 0 (start) and 1 (end).
AttributeiterationStart
Typenumber
Default0

name

DescriptionA property defining the name of the animation to be used. For a list of all available animations, see animate.css.
Attributename
Type"car" | "none" | "forwards" | "backwards" | "both"
Defaultcar

Eventy

No events available for this component.

Metódy

play

DescriptionStarts the animation.
Signatureplay() => <void>

cancel

DescriptionCancels the animation.
Signaturecancel() => <void>

CSS Shadow Parts

No CSS shadow parts available for this component.

CSS Custom Vlastnosti

No CSS custom properties available for this component.

Sloty

No slots available for this component.