This cloneable lets you reveal an image with a smooth fade-in and slide-up animation on hover, perfect for adding subtle interactivity to text links, menus, or image lists. The image stays hidden by default and appears with a soft animation when the user hovers over a trigger (usually text or an element in a list).
Built entirely with Webflow interactions, no custom code needed.On tablet and mobile, the animation is triggered when the images scroll into view.
This one is perfect for:
Click the blue button on this page labelled "Use it for free". This will take you to the cloneable page on Webflow's website.
Click the button labelled "Clone in Webflow", and voila! You can customize and use the cloneable for free now.
Slick animation for showing services, portfolio, team and more photos interactively.
Want to see this interaction in action inside a complete website layout? These templates incorporate the same effect as part of full landing pages or website designs. Helpful if you’re looking for real-world layout examples.
Over 150 businesses have used my templates to launch their websites faster and look more professional online. Go live in half the time and at a fraction of the cost of custom development, with one of my professionally designed and fully customizable website templates.
