Alarm_Blink

by David Kyle

HTML

<div class="box">
Some Text 2.1
</div>

CSS

.box {
  background-color: rgb(198, 40, 40);
  width: 200px;
  font-family: Verdana, Arial, sans-serif;
  padding: 2rem;
  text-align: center;
  animation: fading 3s infinite;
}

@keyframes fading {
  0% {
    background-color: rgb(198, 40, 40);
    color: #ffffff;
  }

  30% {
    background-color: #dd6666;
    color: black;
  }

  50% {
    background-color: #dd6666;
    color: black;
  }

  100% {
    background-color: rgb(198, 40, 40);
    color: #ffffff;
  }
}