过渡与动画

***过渡 transition

• transition 检索或设置过渡效果
• transition-property 指定过渡的属性
• transition-duration 指定过渡的时间
• transition-timing-function 过渡效果
          linear 规定以相同速度开始至结束的过渡效果
          ease 规定从慢速开始.然后变快.然后慢速结束的过渡效果
          ease-in 规定从慢速开始的过渡效果
          ease-out 规定从慢速结束的过渡效果
          ease-in-out 规定以慢速开始和结束的过渡效果
• transition-delay 过渡的开始时间
• 总写 : transition:all 2s linear 0s;

动画 animation

• animation 检索或设置对象所应用的动画特效
• animation-name 检索或设置对象所应用的动画名称
• animation-duration 检索或设置对象动画的持续时间
• animation-timing-function 检索或设置对象动画的过渡类型
• animation-delay 检索或设置对象动画延迟的时间
• animation-iteration-count 检索或设置对象动画的循环次数
• animation-direction 检索或设置对象动画在循环中是否反向运动
• animation-play-state 检索或设置对象动画的状态
• animation-fill-mode 检索或设置对象动画时间之外的状态
• 简写属性 : animation:player 10s ease 0s 1 normal running;

2D变换 2D Transform

• transform 检索或设置对象的变换
• transform-origin 检索或设置对象中的变换所参照的原点