今天來說說如何做出炫酷的CSS效果
很多人不知道什么叫CSS，今天我來用比較通俗的語言解釋給大家聽
以免總有人嫌棄說看不懂我說的到底是什么東西。

很簡單，CSS能夠創(chuàng)造出大部分，哦不，可以說是一切的頁面能夠顯示出的動作效果
也就是說，如果你看到“別人家”移動專題有什么小天使在飛啊，小雨點(diǎn)在飄啊，等等此類，都是最簡單的CSS效果能夠達(dá)到的啦，也就是今天我要說的這種，稍微難一點(diǎn)的變換我們下次再講哦~~

說回來，先來一段簡單的代碼給你們看看：

//如果你在頁面上看見這樣的代碼：
<img id='image1' src='img1' style='animation:bounce'></img>
這就是一串代表圖片元素的代碼啦。

其中，

id 是一種用來分辨元素的方式，就像把一堆元素分到一個組合中一樣
當(dāng)然，也可以讓一個元素自己成為一個組合，
總之就是這個組合一旦被調(diào)用，是一定要一起進(jìn)行動作的。

src 是引用元素的標(biāo)記，“=”后面跟著的就是引用元素的路徑和名稱。

style 就是CSS代碼能夠出現(xiàn)的地方了。
如果你希望讓一個元素呈現(xiàn)出動作，在這個地方設(shè)置是最簡單不過的了
只需要將animation后面的詞匯做改動，相應(yīng)的動作就會發(fā)上變化了。

至于要加什么詞匯，有個比較簡單的規(guī)律：

跳動：bounce
閃爍：flash
搖動：shake
淡入：fade
光速：lightSpeed
放大縮?。簔oom

知道這些，自己就可以進(jìn)行移動的發(fā)揮了：
比如說，bounceInLeft，就是從左邊跳動進(jìn)入，大概這種。
記得后面單詞不要空格，大寫第一個字母就好。

在這邊給大家放一個特別好用的網(wǎng)址，能夠直接顯示出效果預(yù)覽，
簡直好用到飛起，可以收藏起來：
http://www.html5tricks.com/demo/css3-animate-css/index.html
截圖是這樣的：

這就是給單個元素添加CSS動作的方法
但是這個方法如果元素太多會變得比較麻煩，就要單獨(dú)建立CSS文件進(jìn)行控制啦
這個我們有空繼續(xù)說~~
今天就先說這么多吧！

你們快去試試那個敲好用的網(wǎng)站?。〗^對良心推薦