css3中的變換、動畫和過渡

變換：分爲2d變換和3d變換，但一次只能用一個變換屬性，多個的話最後一個會覆蓋前面全部最終被瀏覽器實現，變換能夠成爲過渡和動畫的一個待變參數（相似width,opacity等）。
過渡：是動畫的初始模型和極簡實現，只有初始狀態（初始幀）和激活狀態（結束幀）。
動畫：可定義初始幀、中間幀、結束幀，經過多幀、細節的控制能夠實現內容更豐富的動畫。
過渡和動畫的區別
動畫類型 是否必需要有觸發事件 狀態保持狀況 關鍵幀 過渡 是 在事件內，可一直保持狀態；
在事件結束後，可按照過渡屬性再恢復至原始狀態
只有初始幀（正常狀態）、結束幀（事件狀態） 動畫 否，定義在元素上能夠直接開始，也能夠由事件（如hover）觸發 在事件內，只按照動畫屬性執行一次，執行結束後，可沒必要等待事件結束，就恢復至原始狀態 除了初始幀、結束幀，能夠設置多箇中間幀，動畫控制更精確、動畫內容更豐富  
動畫在爲頁面添加交互動效方面起到相當重要的做用，在從此的工做中，這塊的東西也要加深學習力度。
轉載於猿2048:➽《css3中的變換、動畫和過渡》