JSFiddle - React, Tailwind, and code Playground

by thirtydot

HTML

<p>-moz-transition:color 12s; /* Firefox 4 */
-webkit-transition:color 12s; /* Safari and Chrome */
-o-transition:color 12s;</p>

CSS

body p {
    font-size: 12px;
    color: #0F9;
    
    -webkit-transition: all 2s;
       -moz-transition: all 2s;
         -o-transition: all 2s;
            transition: all 2s;
}

p:hover {
    font-size: 40px;
    color: #fc0;
}