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


Progress value is 30%

3D Cards

CSS-only 3D cards.

View Demo


All components are based on CodyFrame.

This component includes variations. Variations share the same SCSS/JS code but differ in their HTML.

How to

The 3D Cards component is used to display images in a 3D space.

To add your artwork, replace the <img> element. Make sure to modify the --card-ratio variable accordingly.

.td-cards--v1 {
  --card-ratio: 585/960; // card width/height
  // ...

Project duplicated

Project created

Globals imported

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