transition——过渡

过渡三要素：

有属性发生变化，告诉系统哪个属性发生变化，告诉系统过渡持续的时间。

transition：过渡属性，过渡时长，运动速度，延迟时间
过渡的属性：transition-property: width;
如果需要给多个属性添加过渡效果，用逗号隔开 ：width，height
过渡时长：transition-duration: 1s;
过渡的延迟时间：transition-delay： 0s;
过渡的速度：transition-time-function: liner;

编写过渡的一般方法;

1. 不要管过渡，先写基本界面
2. 修改我们认为需要修改的属性
3. 回过头给被修改属性的那个元素添加过渡即可

练习：

使用过渡方法，写一个简单的手风琴效果的照片墙

感叹号部分处理，因为图片本身太大而造成，最后一张图片超出border

清理浮动部分的只是用的还是不熟练，需要多加练习。