CSS Background – Pulsating background using keyframes.

body {
  animation: pulsate_background 8s infinite;
}

@keyframes pulsate_background {
  0% {
    background-color: #b7b937;
  }
  25% {
    background-color: #3a5a27;
  }

  50% {
    background-color: #42a5b3;
  }

  75% {
    background-color: #682d4b;
  }

  100% {
    background-color: #c22d2d;
  }
}

a {
  padding-top:40px;
  font-family: sans-serif;
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
  color:#4158D0;
}

See the Pen CSS Background – Pulsating background using keyframes by Devtutorials4u (@devtutorial4u) on CodePen.

Categorized in:

CSS

Tagged in:

, , , ,