We can use the CSS animation property to animate a variety of other CSS properties, such as colors, background colour , height, or distance. It is important to describe each animation with the @keyframes at-rule which is then called with the animation property, such as:
HTML CODE

<div class=”element”>

CSS CODE:
.element {
  width: 100%;
  height: 100%;
  animation: pulse 5s infinite;
}

@keyframes pulse {
  0% {
    background-color: #001F3F;
  }
  100% {
    background-color: #FF4136;
  }
}

html,
body {
  height: 100%;
}

Do you like Muntazir Abbas's articles? Follow on social!
Comments to: CSS Animations in style attribute tutorial series | Part #1