: translateX(500px); }
100% { transform: translateX(0); }
}
在 @keyframes 定义的动画中 , 可以设置一系列的 CSS...属性 , 用于控制动画的运行 , 常见的属性如下 : ( 下面的动画属性是设置在 执行动画 的 标签元素 样式中的 )
animation-name 属性 : 设置在 @keyframes 定义动画时的...动画名称 , 一般在调用动画的 标签元素 中使用 , 用于定义动画执行哪些关键帧 , 该属性是调用动画必须要设置的 ;
div {
/* 设置动画名称 之前使用...; 常见的值如下 :
none 不改变元素样式
forwards 保持动画结束时的样式
backwards 保持动画开始时的样式 , 回到起始点 ;
div {...;
2、animation 简写动画属性提示
在编写 animation 简写动画属性时 , 如果没有记住顺序 , 可以在 输入 anim 之后 , 发现下面的提示 ,
然后在第一个提示位置 ,