Enum Effect

Specifies the animation effects that can be applied to the Tooltip component during show and hide transitions.

Namespace: Syncfusion.Blazor.Popups

Assembly: Syncfusion.Blazor.dll

Syntax

[JsonConverter(typeof(JsonStringEnumConverter))]
public enum Effect

Remarks

The Effect enumeration provides various animation options to enhance the visual experience when displaying or hiding tooltips. Different effects can be configured for open and close actions to create custom transition behaviors. Animation effects improve user experience by providing smooth visual feedback during tooltip interactions.

Examples

The following example demonstrates how to set animation effects for a tooltip:

<SfTooltip Content="Sample Tooltip" OpenEffect="Effect.FadeIn" CloseEffect="Effect.FadeOut">
    <div>Hover over me</div>
</SfTooltip>

Fields

Name	Description
FadeIn	Applies a fade-in animation effect where the tooltip gradually appears with increasing opacity.
FadeOut	Applies a fade-out animation effect where the tooltip gradually disappears with decreasing opacity.
FadeZoomIn	Applies a combined fade and zoom-in animation effect where the tooltip appears with both opacity and scale transitions.
FadeZoomOut	Applies a combined fade and zoom-out animation effect where the tooltip disappears with both opacity and scale transitions.
FlipXDownIn	Applies a 3D flip animation effect where the tooltip rotates along the X-axis from the bottom upward during appearance.
FlipXDownOut	Applies a 3D flip animation effect where the tooltip rotates along the X-axis from the top downward during disappearance.
FlipXUpIn	Applies a 3D flip animation effect where the tooltip rotates along the X-axis from the top upward during appearance.
FlipXUpOut	Applies a 3D flip animation effect where the tooltip rotates along the X-axis from the bottom upward during disappearance.
FlipYLeftIn	Applies a 3D flip animation effect where the tooltip rotates along the Y-axis from the right toward the left during appearance.
FlipYLeftOut	Applies a 3D flip animation effect where the tooltip rotates along the Y-axis from the left toward the right during disappearance.
FlipYRightIn	Applies a 3D flip animation effect where the tooltip rotates along the Y-axis from the left toward the right during appearance.
FlipYRightOut	Applies a 3D flip animation effect where the tooltip rotates along the Y-axis from the right toward the left during disappearance.
None	Specifies that no animation effect should be applied to the tooltip during show or hide transitions.
ZoomIn	Applies a zoom-in animation effect where the tooltip appears by scaling from a smaller size to its full size.
ZoomOut	Applies a zoom-out animation effect where the tooltip disappears by scaling from its full size to a smaller size.