一、平移動畫有關(guān)的CSS3屬性以及相關(guān)的屬性描述

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

先來三張效果圖，由于是一個動態(tài)的過程，這里只發(fā)三張動態(tài)瞬間圖片：　

二、效果圖

圖片左側(cè)的文字還沒有進(jìn)入

圖片上的四行文字正在逐條進(jìn)入

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

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

發(fā)表評論 共有條評論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表