CSS3新增動畫屬性，transition(過渡)屬性介紹，其作用就是：平滑的改變CSS的屬性值
transition 屬性是一個簡寫屬性，用於設置四個過渡屬性：
- transition-property 指定過渡的性質，(如：background屬性，默認值為all)
- transition-duration 指定當前過渡的持續時間
- transition-timing-function 延遲觸發過渡時間
- transition-delay 指定過渡類型(有：linear | ease | ease-in | ease-out | ease-in-out)
簡寫屬性，transition:all 1s 3s linear; //PS：all所有的css屬性都擁有過渡，過渡時間為1s，延遲3s觸發動畫，執行勻速觸發函數。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .trans { -webkit-transition: all 3s 2s linear; -moz-transition: all 3s 2s linear; -ms-transition: all 3s 2s linear; -o-transition: all 3s 2s linear; transition: all 3s 2s linear; /*所有CSS屬性都擁有過渡屬性，動畫持續時間3s 延遲2s觸發 linear的觸發函數*/ } .trans:hover { background-color: #486AAA; /*背景色+顏色擁有過渡屬性值*/ color: #fff; } </style> </head> <body> <a class="trans" href="javascript:void(0);">動態a數據</a> </body> </html>