JSFiddle - React, Tailwind, and code Playground

by Anna

HTML

<!--text color anim-->

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui ad quos autem beatae nulla in.</p>

CSS

p{
        -webkit-animation: color-change 3s infinite;
        -moz-animation: color-change 3s infinite;
        -o-animation: color-change 3s infinite;
        -ms-animation: color-change 3s infinite;
        animation: color-change 3s infinite;
    }

    @-webkit-keyframes color-change {
        0% { color: blue; }
        50% { color: white; }
        100% { color: blue; }
    }
    @-moz-keyframes color-change {
        0% { color: blue; }
        50% { color: white; }
        100% { color: blue; }
    }
    @-ms-keyframes color-change {
        0% { color: blue; }
        50% { color: white; }
        100% { color: blue; }
    }
    @-o-keyframes color-change {
        0% { color: blue; }
        50% { color: white; }
        100% { color: blue; }
    }
    @keyframes color-change {
        0% { color: blue; }
        50% { color: white; }
        100% { color: blue; }
    }