JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="http://angularlight.org/bin/alight.last.min.js"></script>
<script src="http://angularlight.org/bin/animate.min.js"></script>
<div al-app>
    <label>
        <input type="checkbox" al-checked="decor" /> decorate</label>
    <br />
    <span class="base-class" al-css="my-class: decor">Hello!!!</span>
</div>

CSS

.base-class {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.base-class.my-class {
  color: red;
  font-size:3em;
}