CSS Animations: which keyframe an element comes to rest on

There is no animator in this engine. What it does implement is the state an element is left in once the page has settled — the animation-fill-mode / -direction / -iteration-count / -play-state question. Each box says what it should look like.

fadeIn forwardsvisible
fadeIn, no fillinvisible
fadeIn bothvisible
slide reverse fwdnot indented
slide forwardsindented 40px
alternate x2not indented
alternate x3indented 40px
spin infinitefully opaque
tint pausedgrey, not green
longhands onlygreen tint
beats normalgreen tint
loses to !importantpink
@-webkit-keyframesblue tint
0%,100% blockred border
two animationsgreen + indented