JSFiddle - React, Tailwind, and code Playground

by sunil puvvada

HTML

<div class="quadrat">fdsafdsaas</div>

CSS

.quadrat { 
  -webkit-animation: NAME-YOUR-ANIMATION 5s infinite;  /* Safari 4+ */
  -moz-animation: NAME-YOUR-ANIMATION 5s infinite;  /* Fx 5+ */
  -o-animation: NAME-YOUR-ANIMATION 5s infinite;  /* Opera 12+ */
  animation: NAME-YOUR-ANIMATION 5s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%, 49% {
    background-color: rgb(117, 209, 63); 
    }
  50%, 100% {
    background-color: rgb(117, 209, 3); 
  }
}