HTML5播放器 jwplayer被大量網(wǎng)站使用 html5media簡單的h5player，輕量級 jplayerjQueryMarquee跑馬燈效果 quickflip卡片翻轉(zhuǎn)效果 卡片翻轉(zhuǎn)效果2兼容性可以寫transit對元素進行css的變換 tagcanvas3D標簽云效果詳細 iconate圖片切換動畫 S。

* css3 讓一個圖片不斷翻轉(zhuǎn)示例代碼 *#gavinPlay* backgroundcolor url x y repeat 圖片來自百度圖片，按需要更換 *backgroundred urlquot。

說HTML5能夠完成js的交互絕對是忽悠人的，HTML5只是提供了一些交互的API罷了，真正要實現(xiàn)具體的效果還是要靠JS和CSS例如做一個最簡單的焦點圖切換效果，如果不用js，就沒有實現(xiàn)的可能所以接下來建議你好好學一學js。

2精通HTML，CSS，JavaScript，Html5 精通DIV+CSS網(wǎng)頁布局，熟悉W3C網(wǎng)頁標準，具有手寫代碼的能力3理解AJAX運作機制，了解常見JS開發(fā)框架，如prototypejQueryMootools，至少熟練其中一種4對常見的瀏覽器兼容。

一個專業(yè)的前端開發(fā)工程師是必須掌握前端開發(fā)三大基本基石HTMLCSS，JavaScript光會這些還不夠，有了這些語言還需要各種工具的支撐，比較常見的有Dreamweaver，Sublime，HBuilder還有FontelloFontello SecureheadersVisual。

文本效果常用 textshadow設置文字陰影 wordwrap強制換行 wordbreak css3提出@fontface規(guī)則，規(guī)則中定義了fontfamilyfontweightfontstylefontstretchsrcunicoderange 23D轉(zhuǎn)換 transform向元素應用。