JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head></head>
<body>
<div class="coin">
</div>
</body>
</html>
CSS
.coin{
background: url("http://www.coolemails4u.com/wp-content/uploads/2010/10/indian_rupee.png");
background-size: 100% 100%;
width: 100px;
height: 100px;
margin: auto;
border-radius: 100%;
-webkit-transition: all 500ms linear;
}
.flip{
-webkit-transform: rotateY(180deg);
}
JavaScript
$('.coin').addClass('flip');