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