title: Foundation ActionScript Animation: Making Things Move!
author:  Keith Peters 
description: Keith Peters lives in the vicinity of Boston with his wife, Kazumi, and their daughter, Kristine. He has been working with Flash since 1999, and has co-authored many books for friends of ED, including Flash MX Studio, Flash MX Most Wanted, and the ground-breaking Flash Math Creativity. In 2001, he started the experimental Flash site, BIT-101 (BIT-101.com), which strives for a new, cutting edge, open-source experiment each day. The site won an award at the Flashforward 2003 Flash Film Festival in the Experimental category. In addition to the experiments on the site, there are several highly regarded Flash tutorials which have been translated into many languages and are now posted on web sites throughout the world. Keith is currently working full time doing freelance and contract Flash development and various writing projects.
zlib_text: 1
  MOVE THINGS 
  WITH CSS
  JHEY TOMPKINS
  
  Copyright © 2020 Jhey Tompkins 
  All rights reserved 
  https://jhey.dev 
  2
  
  CONTENTS 
  Howdy! 
  6 
  Why Move Things? 
  8 
  Motion Design 
  9 
  Our First Animation 
  10 
  What Can We Animate? 
  13 
  Animation Inspector 
  14 
  Common values and overlap 
  16 
  Comma Separated Values 
  16 
  Duration 
  17 
  Timing Function 
  18 
  CSS Transitions 
  21 
  An Example 
  21 
  Triggering 
  22 
  Our First Transition 
  22 
  Structure 
  24 
  transition-property 
  26 
  transition-duration 
  28 
  transition-timing-function 
  29 
  3
  
  transition-delay 
  30 
  Extra Touches 
  31 
  CSS Animations 
  33 
  animation-name 
  33 
  animation-duration 
  33 
  @keyframes 
  34 
  animation-iteration-count 
  37 
  animation-timing-function 
  40 
  animation-play-state 
  41 
  animation-delay 
  42 
  animation-ﬁll-mode 
  50 
  animation-direction 
  52 
  animation 
  54 
  Other Stuﬀ 
  57 
  Curved Animation Paths 
  58 
  CSS Variables 
  61 
  Composition 
  65 
  prefers-reduced-motion 
  68 
  JavaScript Hooks 
  69 
  JavaScript Solutions 
  72 
  4
  
  Conclusion 
  73 
  Resources