過渡效果三要素：

1.hover這個偽類選擇器除了可以用在a標簽上，還可以用在其他的任何標簽上。

div:hover{width:300px;}

2.transition-property：width; ? ? ? ? ? ? ? ? ? ? ? //告訴系統(tǒng)哪個屬性需要執(zhí)行過渡效果。

3.transition-duration:5s; ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?//告訴系統(tǒng)過渡效果持續(xù)的時長

注意點：

當(dāng)多個屬性要執(zhí)行過渡效果時用逗號隔開即可。

編寫過渡規(guī)律

1.不要管過渡，先編寫基本界面

2.修改我們認為要修改的屬性

3.再回過頭給被修改屬性的那個元素添加過渡即可。