Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Glass Flip Card

Problem: Glass Flip Card

Try to design a 3D flip card with glass-style front and backfaces that reveal content on hover.

We'll cover the following...

Problem description

Given HTML markup for a .flip-card container with nested .flip-card-inner, .flip-card-front, and .flip-card-back elements, write CSS to:

  • Set up a 3D context using perspective on the container.

  • Style ...