CSS @keyframes: what actually animates

@keyframes pulse {
  0% { transform: scale(1, 1); }
  50% { transform: scale(1.08, 1.08); }
  100% { transform: scale(1, 1); }
}
.pulse {
  animation-name: pulse;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

Adding the class to a loaded view is enough to start it. Shorthand order: animation: name duration timing-function delay iteration-count.

The animatable set — everything else is silently dropped