JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<div></div>

CSS

div {
    -webkit-transition: 0.6s;
    color: #fff;
    background: blue;
    height: 200px;
    opacity: 1;
}

.red {
    background: red;
    opacity: 0.5;
    color: black;
    height: 100px;
    width: 50%;
}

JavaScript

$('div').on('webkitTransitionEnd Transitionend MSTransitionEnd OATransitionend',  function (e) {
    console.log(e.originalEvent.propertyName);
}).on('click', function () {
    $(this).toggleClass('red');
});