JSFiddle - React, Tailwind, and code Playground
HTML
<div id='box1'>Click this box.</div>
<div id='box2'>Click this box.</div>
CSS
html, body{
padding:20px 20px;
}
div{
width:200px;
height:200px;
border:1px solid black;
text-align:center;
display:inline-block;
}
#box1{
-webkit-transform: rotateY(30deg);
}
JavaScript
$(document).ready(function(){
$('#box1').bind('click', function(){
alert('clicked box 1');
});
$('#box2').click(function(){
alert('clicked box 2');
});
});