动画注意问题解析

动画 注意

今天遇到一个神奇的问题，就是我设置动画是

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啦。