你可以去學(xué)習(xí)一下 adobe Edge Animate 即使不同代碼也無所謂 這個軟件和操作flash差不多 主要是做網(wǎng)頁的交互和動畫的

CSS3 動畫屬性（Animation）
@keyframes 規(guī)定動畫。 3
animation 所有動畫屬性的簡寫屬性，除了 animation-play-state 屬性。 3
animation-name 規(guī)定 @keyframes 動畫的名稱。 3
animation-duration 規(guī)定動畫完成一個周期所花費的秒或毫秒。 3
animation-timing-function 規(guī)定動畫的速度曲線。 3
animation-delay 規(guī)定動畫何時開始。 3
animation-iteration-count 規(guī)定動畫被播放的次數(shù)。 3
animation-direction 規(guī)定動畫是否在下一周期逆向地播放。 3
animation-play-state 規(guī)定動畫是否正在運行或暫停。 3
animation-fill-mode 規(guī)定對象動畫時間之外的狀態(tài)。

2D/3D 轉(zhuǎn)換屬性（Transform）
transform 向元素應(yīng)用 2D 或 3D 轉(zhuǎn)換。 3
transform-origin 允許你改變被轉(zhuǎn)換元素的位置。 3
transform-style 規(guī)定被嵌套元素如何在 3D 空間中顯示。 3
perspective 規(guī)定 3D 元素的透視效果。 3
perspective-origin 規(guī)定 3D 元素的底部位置。 3
backface-visibility 定義元素在不面對屏幕時是否可見。 3

過渡屬性（Transition）
transition 簡寫屬性，用于在一個屬性中設(shè)置四個過渡屬性。 3
transition-property 規(guī)定應(yīng)用過渡的 CSS 屬性的名稱。 3
transition-duration 定義過渡效果花費的時間。 3
transition-timing-function 規(guī)定過渡效果的時間曲線。 3
transition-delay 規(guī)定過渡效果何時開始。