🎉 Black Friday deal! 25% off your first year of CodyHouse Pro →


Progress value is 30%

Animated Card

Learn how to design an animated card in HTML and CSS.

The Card component is a (compact) container of information used as a teaser for further content. It's generally displayed in a gallery of related items, each one linking to a different page.

In this tutorial, you'll learn how to design a card using CodyFrame, as well as how to create cool animation (CSS) effects.

Final result


To follow along the video tutorial, fork this pen on Codepen:

🕹 https://codepen.io/codyhouse/pen/Wqvpmm

or download CodyFrame on Github:

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us