nodebook/Miscellaneous/animation.md
2019-11-20 22:11:03 +08:00

783 B
Raw Permalink Blame History

animation

animation 属性是一个简写属性,用于设置六个动画属性:

  /* 绑定名称 */
  animation-name

  /* 动画持续时间 ms */
  animation-duration

  /* 动画的速度曲线 */
  animation-timing-function

  linear 	动画从头到尾的速度是相同的 	
  ease 	默认动画以低速开始然后加快在结束前变慢 	
  ease-in 	动画以低速开始 	
  ease-out 	动画以低速结束 	
  ease-in-out 	动画以低速开始和结束

  /* 定义动画何时开始 ms */
  animation-delay

  /* 定义动画的播放次数 n|infinite */
  animation-iteration-count

  /* 应该轮流反向播放动画 normal|alternate */
  animation-direction

display 做不了过度想控制就在js里边写定时器