JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box"></div>

CSS

#box {
  width: 100px;
  height: 100px;
  background: red;   
}
#box.transitionClass {
  background: green;
  -webkit-transition: background 1s;    
}

JavaScript

var $el = $('#box');
condition = true;
if (condition) {
  $el.css({'-webkit-transition-duration': '0s'});
  setTimeout(function() {
    $el.css({'-webkit-transition-duration': ''});
  }, 0);
};
$el.addClass('transitionClass');