使用「transition」屬性可使元素產生漸變動態效果
transition屬性可細分為：
transition-property – 要產生漸變的CSS屬性，all為所有屬性
transition-duration – 漸變效果的持續時間
transition-timing-function – 漸變效果的變化函數
transition-delay – 漸變效果延遲開始的時間
若要讓不同的屬性有不同的漸變效果，可使用逗號分隔
無法使用漸變效果的屬性 例如：display、z-index
寫在一起的寫法：
transition: property duration timing-function delay ;
.example {
-webkit-transition: background-color 500ms ease-out 1s;
-moz-transition: background-color 500ms ease-out 1s;
-o-transition: background-color 500ms ease-out 1s;
transition: background-color 500ms ease-out 1s;
}
符合各瀏覽器的前綴詞
練習
http://www.css3.info/preview/css3-transitions/
