FadeOutAnimation

The FadeOutAnimation component represents an animation that fades out the content.

Behaviors

This component supports the following behaviors:

BehaviorProperties
Animationanimation, animationOptions
Bookmarkbookmark, bookmarkLevel, bookmarkTitle, bookmarkOmitFromToc
Component Labellabel, labelPosition, labelWidth, labelBreak, required, enabled, shrinkToLabel, style, readOnly
Publish/SubscribesubscribeToTopic
Tooltiptooltip, tooltipMarkdown, tooltipOptions
Styling Variantvariant

Properties

animateWhenInView

Indicates whether the animation should start when the component is in view

delay

default: 0

The delay before the animation starts in milliseconds

duration

The duration of the animation in milliseconds

loop

default: false

Indicates whether the animation should loop

reverse

default: false

Indicates whether the animation should run in reverse

Events

started

Event fired when the animation starts

stopped

Event fired when the animation stops

Exposed Methods

start

Starts the animation

stop

Stops the animation

Styling

This component does not have any styles.