一、過渡模組( transition )：必須要有屬性發生改變
1.告訴系統哪個屬性需要執行過渡效果（ transition-property: 屬性名稱 ）;
2.告訴系統過渡效果持續的時長（ transition-duration： 時間 s）;
注意點：
1.層疊樣式列表會發生層疊，所以相同的屬性不能寫在後面；
2.個屬性需要同時執行過渡效果時，用逗號隔開即可；例如： transition-property: width, background-color; (即寬度和背景顏色都要求隨時間的變化)
二、過渡三要素：
1.必須有屬性發生變化（即，如寬度由10px到100px）；
2.必須告訴系統那個屬性需要執行過渡效果(即，如寬/高度，顏色等屬性);
3.必須告訴系統過渡效果持續的時長；
補充點：
1.告訴系統延遲多少秒之後才開始過渡動畫：transition-delay ;
2.告訴系統過渡動畫的運動速度：
transition-timing-function:
(勻速) linear
(逐漸慢下來) ease
(加速) ease-in
(減速) ease-out
（先加速後減速）ease-in-out
三、過渡連寫格式：
1.不要管過度，先編寫基本介面；
2.修改我們認為需要修改的屬性；
3.在回過頭去給被修改屬性的那個元素新增過渡即可；
===筆記內容來自於《從零玩轉html5前端+跨平台開發》
Web前端學習筆記 過渡
過渡 transition 1 通過過渡可以指定乙個屬性發生變化時的切換方式。2 通過過渡可以建立一些非常好的效果，提公升使用者的體驗。3 過渡的屬性值 transition property 指定要執行過渡的屬性，大部分屬性都支援過渡效果 如寬度 高度 顏色等可以計算數值的屬性 注意過渡時必須是從...
Css學習筆記 過渡屬性和css2D
一 過渡屬性 transition 1.transition property 設定參與過渡的屬性。屬性值可以設定乙個或者多個屬性。2.transition duration 設定過渡時間 3.transition delay 設定延遲過渡時間 4.transition timing functio...
CSS 過渡 轉換 動畫模組
1 作用 修改a標籤不同狀態的樣式 2 a 標籤的四種狀態 3 注意點 4 練習總結 1 基本使用 div 2 其他屬性 3 連寫 4 彈性效果和手風琴效果的練習 1 平移 transform translate x，y 2 旋 transform rotate 45deg 3 縮放 transfo...