(1)、它是如何工作？

CSS3 過渡是元素從一種樣式逐漸改變為另一種的效果。要實現這一點，必須規定兩項內容：

1、指定要新增效果的CSS屬性

2、指定效果的持續時間。

div { 

transition: width 2s; -webkit-transition: width 2s; /* Safari */ }

如果未指定的期限，transition將沒有任何效果，因為預設值是0。

指定的CSS屬性的值更改時效果會發生變化。一個典型CSS屬性的變化是使用者滑鼠放在一個元素上時：

div:hover{width:300px; }

要新增多個樣式的變換效果，新增的屬性由逗號分隔：

            
 
　　　　　　　/*所有的*/
　　　　　　　/* transition-property: all; */
            /* 延遲事件 */
            /* transition-delay: 2s; */
            /* 動畫完成時間 */
            /* transition-duration: 4s; */
            /* 賽貝爾曲線 */
            /* transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); */
            /* 預設是easy   勻速是linera   easy-in easy-out easy-in-out 
 
*/
            /* transition-timing-function: linear; */

(2)、過渡屬性

下表列出了所有的過渡屬性: