pulse.css

TLDR

The pulse.css file provides a CSS animation for a pulse effect.

Classes

.pulse

The .pulse class applies a pulse animation effect to an HTML element. It uses the pulse animation defined in the @keyframes rule to scale the element up and down, giving it a pulsating effect. The animation timing function is set to ease-in-out.

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}