千家信息网

css中animation-fill-mode属性怎么用

发表于:2024-11-19 作者:千家信息网编辑
千家信息网最后更新 2024年11月19日,小编给大家分享一下css中animation-fill-mode属性怎么用,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!注释:其属性值是由逗号分隔的一个或多个填充模式关键词。语法an
千家信息网最后更新 2024年11月19日css中animation-fill-mode属性怎么用

小编给大家分享一下css中animation-fill-mode属性怎么用,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

  注释:其属性值是由逗号分隔的一个或多个填充模式关键词。

  语法

  animation-fill-mode:none|forwards|backwards|both;

  值

  描述

  none

  不改变默认行为。

  forwards

  当动画完成后,保持最后一个属性值(在最后一个关键帧中定义)。

  backwards

  在animation-delay所指定的一段时间内,在动画显示之前,应用开始属性值(在第一个关键帧中定义)。

  both

  向前和向后填充模式都被应用。

  实例

  为h2元素规定填充模式: