JSFiddle - React, Tailwind, and code Playground

by Bacher

HTML

<input type="checkbox"/>

<div class="div">
  <span>Hello1</span>
  world
</div>

CSS

* {
  /* transition: color 10s linear; */
transition:  background-color 10s ease-in-out,
      border-color 10s ease-in-out,
      color 10s ease-in-out !important;
}

.div {
  color: blue;
}

input:checked + .div {
  color: yellow;
}