transition

transition (opens new window)是简写，用于设置4个过渡属性。

• transition-property 设置过渡效果的css属性
• transition-duration 过渡时间
• transition-timing-function 速度效果曲线（匀速、变速等）
• transition-delay 过渡延迟时间

transition: width 2s;
-moz-transition: width 2s; /* Firefox 4 */
-webkit-transition: width 2s; /* Safari 和 Chrome */
-o-transition: width 2s; /* Opera */

注意：

• 只有规定css属性值发生变化才会发生过渡

animation

to是空的话，继承对应css实际属性值

 /*给el-progress加上动画效果*/
.el-progress-bar__inner{
  animation: move 1.5s !important;
  /* Firefox */
  -moz-animation: move 1.5s !important;
  /* Safari and Chrome */
  -webkit-animation: move 1.5s !important;
  /* Opera */
  -o-animation: move 1.5s !important;
}

@keyframes move {
  from {
    width: 0;
  }
  to {
  }
}