transition:過渡，控制變化屬性的 比如控制hover改變的寬高等
四個屬性：1.transition-property:(屬性)
2.transition-duration:(過渡時間)
3.transition-delay:(延遲多長時間 開始過渡)
4.transition-timing-function:(運動曲線) 貝塞爾曲線 1.cubic-bezier（，，） 2.linear（勻速) 3.ease(默認)
復合寫法: 
通常只是用前兩個屬性 ：transition:width 2s
貝塞爾曲線（看斜率)搜索然后 在網上改變曲線傾斜度，然后復制粘貼下來。
寫兩個會覆蓋，
寬度瞬變，高度有過渡效果
不覆蓋寫法用逗號隔開：
較常用：
♥很重要：除了變寬高需要過渡，絕對定位也需要過渡，絕對定位默認值為auto,♥必須給初始值設為0，才能有效果。，因為單詞之間無法過渡，比如display:block,display:inline之間無法使用過渡
opacity:實現淡入淡出(常用)：
opacity初始值為1（完全不透明），但還是寫上，方便編程。
不要用 transition 做 display 與 visibility與 z-index
利用選擇器：
hover div 控制p,實現多層控制
常用transition 做： 1寬高變化 2.opacity 3.background-color 4.position:absolute 的 top 與 left