动画 注意

transition: all 1s;

这时候我设置他动的属性是left，结果没有动画效果。我才注意到如果是left改变，那么就是相对位置改变是没有动画，如果想要动画，就要加margin-left，这样改变margin-left的值才会有动画。

.section9{ left: calc(50% - 640px); margin-left: -500px; transition: all 1s; }
.section9.active { margin-left: 0; }

这样才ok啦。