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

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

This might also interest you...