back front :root { background: #000; } .card { position: relative; width: 200px; height: 300px; transform-style: preserve-3d; transition: 0.5s } .card:hover { transform: perspective(1000px) rotateY(180deg); } .card-face { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; border-radius: 10px; backface-visibility: hidden; } .card-front-face { background: blue; } ...
