Свойство -webkit-animation-fill-mode

modeThe animation’s fill mode. Can be none, forwards, backwards, or both.

noneThe effects of the animation are apparent only during the defined duration of the animation.

forwardsThe animation’s final keyframe continues to apply after the final iteration of the animation completes.

backwardsThe animation’s initial keyframe is applied as soon as the animation style is applied to an element. This only affects animations that have a nonzero value for -webkit-animation-delay.

bothThe animation’s initial keyframe is applied as soon as the animation style is applied to an element, and the animation’s final keyframe continues to apply after the final iteration of the animation completes. The initial keyframe only affects animations that have a nonzero value for -webkit-animation-delay.

Свойство -webkit-animation-fill-mode относится к спецификации CSS, применяется к всем элементам, его значение не наследуется от родительского элемента в иерархии документа, Является расширением движка WebKit (браузеры Chrome и Safari), и не совместимо с другими браузерами.

Смотри также:

• Описание на Safari Developer Library