3D Cards

CSS-only 3D cards.

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
  // ...
}

Categories

• Content and Layout > Card

Bug report & feedback

Component Github page ↗