过渡效果三要素:
1.hover这个伪类选择器除了可以用在a标签上,还可以用在其他的任何标签上。
div:hover{width:300px;}
2.transition-property:width; //告诉系统哪个属性需要执行过渡效果。
3.transition-duration:5s; //告诉系统过渡效果持续的时长
注意点:
当多个属性要执行过渡效果时用逗号隔开即可。
编写过渡规律
1.不要管过渡,先编写基本界面
2.修改我们认为要修改的属性
3.再回过头给被修改属性的那个元素添加过渡即可。