JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="text">Not Working</h1>

CSS

.text{
                display:block;
                -webkit-animation: changeColor 5s infinite; /* Safari 4+ */
                -moz-animation: changeColor 5s infinite; /* Fx 5+ */
                -o-animation: changeColor 5s infinite; /* Opera 12+ */
                animation: changeColor 5s infinite; /* IE 10+ */

            }
            @keyframes changeColor {
              0% {
                color: red;
              }

              100% {
                color: blue;
              }
            }
            @-moz-keyframes changeColor {
              0% {
                color: red;
              }

              100% {
                color: blue;
              }
            }
            @-webkit-keyframes changeColor {
              0% {
                color: red;
              }

              100% {
                color: blue;
              }
            }