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

CSS3 動(dòng)畫屬性（Animation）
@keyframes 規(guī)定動(dòng)畫。 3
animation 所有動(dòng)畫屬性的簡(jiǎn)寫屬性，除了 animation-play-state 屬性。 3
animation-name 規(guī)定 @keyframes 動(dòng)畫的名稱。 3
animation-duration 規(guī)定動(dòng)畫完成一個(gè)周期所花費(fèi)的秒或毫秒。 3
animation-timing-function 規(guī)定動(dòng)畫的速度曲線。 3
animation-delay 規(guī)定動(dòng)畫何時(shí)開始。 3
animation-iteration-count 規(guī)定動(dòng)畫被播放的次數(shù)。 3
animation-direction 規(guī)定動(dòng)畫是否在下一周期逆向地播放。 3
animation-play-state 規(guī)定動(dòng)畫是否正在運(yùn)行或暫停。 3
animation-fill-mode 規(guī)定對(duì)象動(dòng)畫時(shí)間之外的狀態(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 定義元素在不面對(duì)屏幕時(shí)是否可見。 3

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