See the Code - See it Full Page - See Details
Chrome 60 and Firefox Dev Edition (& Nightly) (55+) both have support for the `frames()` timing function. It behaves similarly to `steps`but allows beginning and ends to be equal parts of the animation. View this in Chrome Canary (until 60 becomes the stable version) or Firefox DevEdition/Nightly (until it moves to stable (potentially v55)) to see how all the different easings compare.
This Pen uses: HTML, CSS, JavaScript, and