In this tutorial, I will show you how to create this nice effect where the featured images shows up on mouse hover. We will be using the Elementor Loop Grid element, and a custom loop.
See the demos here:
- Mouse tracking (can be turned off, or made to go in all directions instead of Y axis only)
- Smooth fade in/out of images
- Fully dynamic
- Ideal for portfolios
- Opacity animation is optional
- Optionally, feature image of the posts / CPT shows as background image! (see example3)
Let's get started!