RioxlyRIOXLY
Help CenterDesign StudioAnimations & Effects
🎨 Design Studio

Animations & Effects

Add micro-animations, card entrance effects, and transitions.

2 min

Available Animations

The Animations panel offers entrance effects that trigger as items scroll into view: Fade Up — items fade in and slide upward. Fade In — simple opacity fade. Slide Left/Right — items slide in from the side. Scale — items grow from a smaller size.

You can also control the animation speed and stagger (delay between consecutive items).

Performance Considerations

Animations add visual polish but can affect performance on older devices. If your menu has 50+ items, consider using simpler animations (Fade In) or disabling them entirely.

All animations use CSS transforms and are GPU-accelerated for smooth performance on modern devices.

💡 Tip: Subtle is better. A gentle fade-up creates elegance; aggressive slide animations can feel cheap. When in doubt, use Fade Up with default settings.

HomeHelp CenterFeaturesPricingContactPrivacy
Try Rioxly Free →