CSS Custom Animations with keyframes

 CSS Custom Animations with keyframes

CSS keyframes allow you to create custom animations with full control over each step. Here's an example:

@keyframes pulse {

  0% {

    transform: scale(1);

  }

  50% {

    transform: scale(1.2);

  }

  100% {

    transform: scale(1);

  }

}

.box {

  animation: pulse 2s infinite;

}