JSFiddle - React, Tailwind, and code Playground

HTML

<div id="slanted"></div>

CSS

#slanted {
    text-align: center;
    height: 20px;
    width: 100%;
    background-color: black;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

JavaScript

$("#slanted").mouseover(function() {
    alert("over");
});