Day156 — CSS card flip

Here records the thing I learned when I did a card flip in my project.

vanilla CSS

How To Create a Flip Card with CSS

Tailwind CSS

GitHub - Sridhar-C-25/animated3dflipcard_tailwind: animated 3D Flip Card Using Tailwind CSS

The main

Add custom plugin

Adding backface-visibility? · Discussion #1686 · tailwindlabs/tailwindcss

Problem encountered

The absolute layout is one pixel off from the relative layout because the column is calculated dynamically.

I have to set inset to -1 px to cover it up. It is less noticeable.

Another Tailwind CSS