过渡模块

过渡效果三要素：

1.hover这个伪类选择器除了可以用在a标签上，还可以用在其他的任何标签上。

div:hover{width:300px;}

2.transition-property：width;                       //告诉系统哪个属性需要执行过渡效果。

3.transition-duration:5s;                              //告诉系统过渡效果持续的时长

注意点：

当多个属性要执行过渡效果时用逗号隔开即可。

编写过渡规律

1.不要管过渡，先编写基本界面

2.修改我们认为要修改的属性

3.再回过头给被修改属性的那个元素添加过渡即可。