A-New-Nonthiwaht 64070050

✨ 050 NONTHIWAHT PENGPAN

<!DOCTYPE html>

<head>
	<title>qe_animation</title>
	<style>
		body {
			background-color: rgb(255, 175, 109);
		}
		.face {
			box-shadow: 4px 5px 8px 4px rgba(0, 0, 0, 0.64);
			position: absolute;
			opacity: 1;
		}
    .spin{
        width: 421px;
	    height: 614px;
        margin: auto;
        margin-top: 10%;
        transform-style: preserve-3d;
        transition: 500ms ease-in-out;
        transform-origin: center;
        transform: rotateZ(7deg);
    }
    img{
        width: 100%;
		height: 100%;
    }
		.back {
			box-shadow: 4px 5px 8px 4px rgba(0, 0, 0, 0.64);
			position: absolute;
            transform: rotateY(-180deg) translateZ(1px);
		}
    .spin:hover{
        transform: rotateY(180deg) scale(1.3);
        cursor: pointer;
    }
	</style>
</head>
<body>
<div class="spin">
    <img src="https://cdn.discordapp.com/attachments/880070559738765342/938811647961735298/dark_magician.jpg" class="back" onclick="window.open('https://yugioh.fandom.com/wiki/Dark_Magician')">
    <img src="https://cdn.discordapp.com/attachments/880070559738765342/938811665108058162/card_back.jpg" class="face"> 
</div>
</body>
</html>