card (Copy 1247)
✨ elzaphaN TV
<html> <head> <title>Let's Start</title> <style> .card { height: 300px; width: 250px; margin: auto; transition: 1s; } .card_in{ height: 300px; width: 250px; transform-style: preserve-3d; transition: 0.6s; } .card:hover .card_in{ transform: rotateY(180deg); } .front{ position: absolute; height: 300px; width: 250px; background-color: black; } .back{ transform: rotateY(180deg); position: absolute; height: 300px; width: 250px; background-color: red; transition: 1s; color: black; } </style> </head> <body> <div class="card"> <div class="card_in"> <div class="front"> </div> <div class="back"> <h1> สวัสดีคร้าบบ </h1> <p> wave สุดยอด </p> </div> </div> </div> </body> <script> </script> </html>