JSFiddle - React, Tailwind, and code Playground

by ALEKSEY SHULMAN

HTML

<div class="bg-animate">

Contact Us Today

</div>

CSS

.bg-animate {
  width: 200px;
  height: 50px;
  -webkit-animation: bg-animation 2s infinite;  /* Safari 4+ */
  -moz-animation: bg-animation 2s infinite;  /* Fx 5+ */
  -o-animation: bg-animation 2s infinite;  /* Opera 12+ */
  animation: bg-animation 2s infinite;  /* IE 10+, Fx 29+ */

  }

@-webkit-keyframes bg-animation {
  0%, 49% {
    background-color: #e1ab29;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out; 
  }
  0%, 100% {
    background-color: #0a4c79;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
  }
}