Document
duration
  • ease
  • ease-in
  • ease-out
  • ease-in-out
  • linear
  • step-start
  • step-end
  • steps(5, start)
  • steps(5, end)
delay
  • 3
  • infinite
  • normal
  • reverse
  • alternate
  • alternate-reverse

※width 100pxに指定してます

  • none
  • forwards
  • backwards
  • both

マウスカーソルを重ねるとrunningは、pausedに。
pausedは、runningになるようにしてます。

  • running
  • paused