In the Kata theme, the Animations feature allows you to add visual motion and dynamic effects to each widget, enhancing the visual appeal of your web pages and improving user experience.
Each Kata Elementor widget includes its own animation tab, allowing you to customize animations for each widget individually within Styler.
In the screenshot below, we’ve selected the Kata button widget in the Elementor page builder to apply an animation.
As shown in the video above, you can configure CSS transition and animations with all properties for a widget.
Transition:
Duration: Here you can set Duration time.
FX: Here you can set one of the prebuilt styles.
Delay: Here you can set the delay time.
Animation:
Pre-built Animation: Here you can set one of the prebuilt animation styles.
Trigger: Here you can set the trigger time according to the page loaded or onscreen.
Repeat: Here you can set the repeat time.
Curve: Here you can set the curing style for your animation.
Animation Duration: Here you can set the animation duration time.
Animation Delay: Here you can set the animation delay time.
Parallax motion:
This option allows you to set parallax scrolling for the widgets.
