JSFiddle - React, Tailwind, and code Playground

by hollanditkzn

HTML

<input type="checkbox" class="start-animation">
<div class="box">
  
</div>

CSS

.box{
  width: 100px;
  height: 100px;
  background-color: orange;
  transition: background-color 1s linear
}

.start-animation:checked + .box{
  background-color: red;
}