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

Projects

Progress value is 30%

3D Cards

CSS-only 3D cards.

View Demo

Dependencies

All components are based on CodyFrame.

This component includes variations. All variations share the same SCSS/JS code. They only 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

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