JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box"></div>
<button>animation</button>

CSS

div.box {
  width: 0%;
  height: 5px;
  background: red;
  animation: a 5s;
}
div.box.fwe {
  display: none;
}
div.box.active_1 {
  animation: a 5s;
}
div.box.active_2 {
  animation: a 5s;
}
@keyframes a {
  from { width: 0;}
  to { width: 100%; }
}

JavaScript

$('button').click(function(){
$('.box').toggleClass('fwe')
})