Cara Mudah Membuat Efek Putar Kartu Dengan CSS3

Hallo teman teman balik lagi dengan saya Ismet Maulana kali ini saya ingin berbagi pengetahuan tentang Bagaimana Cara Mudah Membuat Efek Putar Kartu Dengan CSS3, teman teman tidak asing yah sama dengan yang namanye efek pada website banyak sekali website website yang menarik menampilkan efek efek yang memanjakan mata kita, kali ini saya ingin

berbagi tentang efek yang menarik keteman teman, dengan efek putar kartu, oke langsung saja yah teman teman bisa langsung buka text editornya dan salinkan scriptnya dibawah sini :

<html>
<head>
	<meta charset="UTF-8">
	<title>KARTU</title>
</head>
	<style>
		.card {background: red; border: 8px solid blue ; width: 200px; height: 200px; transition: transform 2s}
		.card:hover {transform: rotateZ(90deg);}
		.card {background: red; border: 8px solid blue ; width: 200px; height: 200px; transition: transform 2s}
		.card:hover {transform: rotateZ(90deg);}
		.card1 {background: blue; border: 8px solid red ; width: 200px; height: 200px; transition: transform 2s}
		.card1:hover {transform: rotateX(90deg);}
	</style>
<body>
	<div class="card"></div>
	<div class="card1"></div>
</body>
</html>

Jika sudah coba teman teman save dan jalankan dibrowsernya, cukup mudah bukan tentang Bagaimana Cara Mudah Membuat Efek Putar Kartu Dengan CSS3,  teman teman bisa mengembangkannya dengan efek efek lain yang lebih menarik, oke sampai jumpa diartikel selanjutnya dan selamat belajar dan untuk melihat  klik DEMO .

#KeepLearn

#IsmetMA