How to create a cool slide in out hover interaction with Webflow

Less than a minute + video tutorial

Merry Xmas everyone!

In this blog post I show you how to create a super simple hover animation with Webflow. I've used this technique on an actual client site which required several video testimonials to be placed on a page. As soon as the user hovers over a testimonial image, the animation starts and makes the name of the person giving the testimonial, as well as a play button visible. On click the actual testimonial video appears.

I've recorded a 2 minute video of how this is done and have also created a cloneable asset (accessible in the Webflow showcase), so you can easily use the effect in your own projects. You can find the cloneable project here: https://webflow.com/website/Webflow-Components

Got any Questions?

Fill out the form below and I'll be in touch with you usually within 48 hours. You can also say hi

Thanks! I'll be in touch with you shortly.
Oops! Something went wrong! Please get in touch via email instead.