JSFiddle - React, Tailwind, and code Playground

by GopsAB

HTML

<div id="spinningTextG">
<div id="spinningTextG_1" class="spinningTextG">
M</div>
</div>

CSS

#spinningTextG{
width:25px;
    height:25px;
border:1px solid #aaa;
border-radius: 50%;
}

.spinningTextG{
color:#20E648;
font-family:MS Sans Serif;
font-size:25px;
text-decoration:none;
font-weight:bold;
font-style:normal;
float:left;
-moz-animation-name:bounce_spinningTextG;
-moz-animation-duration:1.9s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-transform:scale(.3);
-webkit-animation-name:bounce_spinningTextG;
-webkit-animation-duration:1.9s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-transform:scale(.3);
-ms-animation-name:bounce_spinningTextG;
-ms-animation-duration:1.9s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-transform:scale(.3);
-o-animation-name:bounce_spinningTextG;
-o-animation-duration:1.9s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-transform:scale(.3);
animation-name:bounce_spinningTextG;
animation-duration:1.9s;
animation-iteration-count:infinite;
animation-direction:normal;
transform:scale(.3);
}

#spinningTextG_1{
-moz-animation-delay:0.76s;
-webkit-animation-delay:0.76s;
-ms-animation-delay:0.76s;
-o-animation-delay:0.76s;
animation-delay:0.76s;
    margin: -1px 0 0 2px;
}

@-moz-keyframes bounce_spinningTextG{
0%{
-moz-transform:scale(1);
color:#20E648;
}

100%{
-moz-transform:scale(.3) rotate(90deg);
color:#FFFFFF;
}

}

@-webkit-keyframes bounce_spinningTextG{
0%{
-webkit-transform:scale(1);
color:#20E648;
}

100%{
-webkit-transform:scale(.3) rotate(90deg);
color:#FFFFFF;
}

}

@-ms-keyframes bounce_spinningTextG{
0%{
-ms-transform:scale(1);
color:#20E648;
}

100%{
-ms-transform:scale(.3) rotate(90deg);
color:#FFFFFF;
}

}

@-o-keyframes bounce_spinningTextG{
0%{
-o-transform:scale(1);
color:#20E648;
}

100%{
-o-transform:scale(.3) rotate(90deg);
color:#FFFFFF;
}

}

@keyframes bounce_spinningTextG{
0%{
transform:scale(1);
color:#20E648;
}

100%{
transform:scale(.3) rotate(90deg);
color:#FFFFFF;
}

}