CSS3過渡——transition

　　讓CSS屬性值在必定時間內平滑過渡

transition屬性值

1.property

　　檢索/設置對象中參與過渡的屬性

　　可設置none（不設置過渡）、all（該對象全部屬性設置過渡，默認值）、property（具體設置過渡的屬性名稱）

　　爲解決兼容性問題，須要在transition前加上-webkit-、-moz-、-o-等前綴

2.duration

　　設置過渡的時長

　　默認爲0，可設置秒（s）或毫秒（ms）

3.timing-function

　　設置過渡的類型

　　經常使用值：linear（線性）、ease、ease-in（慢進快出）、ease-out（快進慢出）、ease-in-out（慢到快到慢，推薦使用）

　　更復雜的須要調用貝塞爾曲線（相似於CSS動畫裏的timing-function）

4.delay

　　設置過渡的延時（即過渡以前要停多久再開始過渡）

　　默認爲0，可設置秒（s）或毫秒（ms）

5.transition簡寫

　　順序爲property | duration | timing-function | delay，且不可隨意調換

　　其中duration屬性爲必須

 1 div{
 2     width:100px;height:100px;
 3     background:#abcdef;
 4     opacity:0;
 5     transition:opacity 5s ease-in-out;
 6 }
 7 div:hover{
 8     opacity:1;
 9     transition:opacity 5s ease-in-out;
10 }