Image Animations in Flexi Post Grid allow you to add visual effects to your post thumbnails when users hover over them. These animations enhance user engagement and bring a dynamic feel to your grid layout — with no coding required.
Where to Find It #
Inside the Flexi Post Grid widget panel, scroll to the Image Animation section. You’ll see two main options:
- Image Animation Style
- Animation Duration (s)
Image Animation Style Options #
Choose from a list of animation effects:
- None – No animation applied.
- Zoom In – Image zooms in on hover.
- Zoom Out – Image zooms out on hover.
- Slide Up – Image slides up.
- Slide Down – Image slides down.
- Slide Left – Image slides to the left.
- Slide Right – Image slides to the right.
Each animation adds movement to your grid images, creating a more interactive experience.
Animation Duration #
Use the slider to control how fast or slow the animation plays, in seconds. Default is 0.5s. You can increase or decrease the speed as needed.
How to Use #
- Drag the Flexi Post Grid widget into your Elementor layout.
- Go to the Image Animation section.
- Select an Animation Style from the dropdown.
- Adjust the Animation Duration with the slider.
- Preview the animation in the live editor.
