question

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一样需要设置初始和结束状态才有变化?

猜你喜欢

转载自www.cnblogs.com/cs-1996/p/9293345.html