JSFiddle - React, Tailwind, and code Playground

by rudiedirkx

HTML

<div class="dline"></div>

CSS

div.dline {
    width: 8px;
    height: 200px;
    -webkit-transform: translate(100px, 0px) rotate(45deg);
    -moz-transform: translate(100px, 0px) rotate(45deg);
    background-color: #000;
    box-shadow: 0 0 8px red;
    border-radius: 10px;    
    -moz-border-radius: 4px;
    cursor: pointer;
}
div.dline:hover {
    background-color: red;
    box-shadow: 0 0 8px black;
}

JavaScript

$('.dline').click(function(e) {
    alert('Yup. A click event!');
});