一、平移動畫有關的CSS3屬性以及相關的屬性描述

　　1、transition-property：是用來指定當元素其中一個屬性改變時執行transition效果（例如：長度，寬度，顏色等）。
　　2、transition-duration：是用來指定元素轉換過程的持續時間（通過設置元素轉換過程持續的時間來實現動態效果，否則效果會變的很生硬）。
　　3、transition-timing-function：允許元素根據時間的推進去改變屬性值的變換速率（例如：先快后慢，先慢后快，勻速變化等等）。
　　4、transition-delay：是用來指定一個動畫開始執行的時間，也就是說當改變元素屬性值后多長時間開始執行transition效果。

先來三張效果圖，由于是一個動態的過程，這里只發三張動態瞬間圖片：　

二、效果圖

圖片左側的文字還沒有進入

圖片上的四行文字正在逐條進入

圖片上四行文字完成動畫效果

三、示例代碼
HTML5全部代碼：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表