JSFiddle - React, Tailwind, and code Playground

HTML

<antti>
      Click me!
</antti>
<laaksonen>
       Hover me!
</laaksonen>

CSS

antti {
    background-color:red;
    color:white;
    width:100%;
    display:inline-block;
    padding:20px;
    text-align:center;
    cursor:pointer;
}
laaksonen {
    background-color:blue;
    color:white;
    width:100%;
    display:inline-block;
    padding:20px;
    text-align:center;
    cursor:pointer;
}

laaksonen:hover {
    transform:rotateX(180deg);

}

JavaScript

$(document).ready(function() {
    $('antti').click(function() {
        alert('click click');
    });
});