Animation.md

Notes

Misc

If you animate scale, it's going to animate the content of the div too.

Performance

If you animate height or width it's a huge performance bottleneck

Resources:

https://cubic-bezier.com/

JS animation

var options = {
  iterations: Infinity,
  iterationStart: 0,
  delay: 0,
  endDelay: 0,
  direction: 'alternate',
  duration: 700,
  fill: 'forwards',
  easing: 'ease-out',
}
element.animate(keyframes, options);