Image and Video Swap on Hover
Swap images and videos on hover to reveal alternate content with smooth fade and scale transitions, perfect for interactive product previews and portfolio showcases.
In YOOtheme Pro, you can add a hover effect to linked images by showing a different image on hover across many builder elements, including grids, galleries, and sliders, making layouts feel more interactive. Transition between the two images with a smooth fade, scale up or scale down animation. You can even use videos which behave just like animated images. They autoplay, loop, are muted and have no controls. This gives you a number of combinations.
Reveal a different product angle or detail, or bring a static image to life with a short video preview on hover. You can also start with a video and switch to an image to bring the product back into focus, or even transition from one video to another for more dynamic previews.
It's an easy way to create engaging product pages, portfolio showcases or just add subtle motion and interactivity to your layouts.
