White Board: Animation

1. Describe

Describe each of the following CSS animation elements:

  1. transition class
  2. transition duration
  3. @keyframe name
  4. @keyframe: durations
  5. transform: opacity
  6. transform: rotate
  7. transform: scale
  8. transform: X
  9. transform: Y

2. Write the code:

Fill in values for each transition and keyframe declarations shown in the diagram below.

Animation transforms and transitions.