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

Requirements

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

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

or download CodyFrame on Github:

• 📦 Framework https://github.com/CodyHouse/codyhouse-framework
• 🎨 A1 Theme https://github.com/CodyHouse/a1-codyframe-theme