Blinking animation

blink.css

/* ==========================================================================
   animation
========================================================================== */

@keyframes blinking {
  from {
    background-color: black;
    color: #76f013;
  }

  to {
    background-color: #fef734;
    color: black;
  }
}

@-webkit-keyframes blinking {
  from {
    background-color: black;
    color: #76f013;
  }

  to {
    background-color: #fef734;
    color: black;
  }
}

/* ==========================================================================
   the class
========================================================================== */

.blink {
  -webkit-animation: blinking 0.7s infinite;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-animation: blinking 0.7s infinite;
  -moz-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-animation: blinking 0.7s linear infinite;
  -o-animation: blinking 0.7s linear infinite;
  animation: blinking 0.7s infinite;
  animation-timing-function: cubic-bezier(1, 0, 0, 1);
}