CSS Dojo道場 · practice
All tracks

Track

CSS Animations

Keyframes, timing, direction and fill — plus the trick of freezing an animation at its end so you can see where it lands.

  1. 01Meet @keyframes
  2. 02Staying put with fill-mode
  3. 03Duration and delay
  4. 04Ease vs linear
  5. 05Jumping with steps()
  6. 06How many times?
  7. 07Playing it backwards
  8. 08The animation shorthand
  9. 09Boss: the full routine