JSFiddle - React, Tailwind, and code Playground

by cjblomqvist

HTML

<div>test</div>

CSS

body {
    background-color: #000;
}
div {
  width: 100px;
  height: 100px;
  background-color: red;
  opacity: 0;
  transition: opacity .5s linear;
}

div .saved {
  opacity: 1;
}

JavaScript

$('div').on('mouseenter', function () {
  alert('hej!');
  $(this).addClass('saved');
}).on('mouseleave', function () {
  $(this).removeClass('saved');
});