🙌Follow us on webflow for epic free content! Learn More
Interface Kit

Recipe Card Animation

Welcome to daily interaction #105!


Welcome to daily interaction #105!This demo showcases a recipe card animation on hover. When hovering over the card the image becomes full height, and the card moves forward on the z-axis. The card was placed in a wrapper with a perspective applied to it to bring the card forward. Also a timer icon with the time it takes to create each recipe shows in the upper-right hand corner when hovering. This could be a great recipe card for a food blog.Happy Webflowing!

Recipe Card Animation
Welcome to daily interaction #105!
Preview ProjectClone Project

Other Webflow Assets:

News, Updates & Clonables

Join the newsletter for updates

Join 600+ webflow community members.
Welcome to the club. Cool stuff coming your way.
Oops! Something went wrong while submitting the form.