1、animation设置动画,
例如 animation: p1_lantern .5s infinite alternate;
@keyframes p1_lantern {
0% {
opacity: .5;
-webkit-transform: scale(.8, .8);
transform: scale(.8, .8);
}
100% {
opacity: 1;
}
}
动画名为p1_lantern,一次动画完成时间为0.5s,无限次播放,轮流反向播放
初始状态透明度为0.5,缩放大小为百分之八十。结束状态透明度为1,缩放大小为正常大小。
为什么结束状态不需要设置缩放大小为正常transform:scale(1,1)就可以直接恢复正常状态,难道是默认的、不设置就是正常状态吗而不是像opacity一样需要设置初始和结束状态才有变化?