css keyframes overview

A video series, which introduces CSS Keyframes and demonstrates several strategies for animating elements. We start out with some basics and then progress into more sophisticated approaches.

This series includes the "from" "to" approach, using "%" as key frame increments, SVG coordinate paths, and film strip sequential images.

\\\\\\ W3Schools //////
CSS @keyframes Rule

CSS Animations

CSS transform-origin Property

\\\\\\ CSS Tricks //////
offset-path

\\\\\\ Codepen Pen //////
ex05 | Build 08 | CSS Keyframes

EX05 | Build 09 | SVG +CSS Keyframes