週末大放送，讓咱們來回顧一下HTML5經典動畫應用，必定會讓你大飽眼福。css
一、HTML5 Canvas畫板畫圖工具 可定義筆刷和畫布
HTML5 Canvas還有一個比較實用的應用，那就是網絡畫板，這樣咱們就能夠在網頁上直接進行畫圖操做。今天要分享的這款HTML5 Canvas畫圖工具就能夠簡單實現網絡畫圖的功能，咱們能夠自定義筆刷的類型、粗細、顏色，也能夠定義畫布的大小和背景顏色等。咱們也能夠對這款 HTML5畫圖工具進行擴展，讓它的畫圖功能更加完善。html
二、HTML5 Canvas頭髮飄逸動畫 很酷的HTML5動畫
HTML5 Canvas動畫很是炫酷，不少有創意的開發者能夠利用HTML5的Canvas特性創造出不少不錯的動畫特效。今天咱們要分享一款HTML5 Canvas頭髮飄逸動畫，該動畫模擬頭髮飄動的效果，加上可愛的人臉，能夠說很是有技術含量，更富有創意。jquery
三、HTML5/CSS3帶日期區間的日期選擇插件
今天咱們來分享一款實用的HTML5/CSS3日期選擇插件，這款日期選擇插件的外觀仍是挺清新簡易的，可是總體來講仍是挺漂亮的。另外，該日期選擇插件還有一個最大的特色，那就是能夠自定義日期的區間，咱們能夠快速的制定區間範圍內的日期，很是方便。程序員
四、HTML5小車動畫 很酷的HTML5吉普車
有幾天沒有分享HTML5動畫了，以前不少HTML5動畫都是利用CSS3的一些特性和Canvas特性來完成，好比這個HTML5/CSS3實現蝙蝠俠人物動畫就利用CSS3的動畫特性，HTML5 Canvas模擬衣服撕扯動畫就利用了HTML5 Canvas特性。今天咱們要分享一款利用HTML5/CSS3實現的吉普車動畫，小車能夠水平滾動，很是逼真。canvas
五、HTML5/CSS3滑塊動畫菜單 圖標動畫很酷
CSS3菜單咱們以前已經分享不少了，有3D菜單、下拉菜單、Tab菜單等，具體你們能夠移步至CSS3菜單欄目下查找。今天咱們要分享的這款HTML5/CSS3滑塊動畫菜單很是酷，鼠標滑過菜單項時會有一個漂亮的遮罩移動過來，而且這款動畫菜單還有很是酷的圖標，菜單總體效果很大氣。瀏覽器
六、HTML5/CSS3 3D文字特效 文字外翻效果
以前咱們分享過一款CSS3 3D文字特效HTML5/CSS3文字投影特效，加上投影和漸變，效果仍是很是不錯。今天咱們再來分享一款很酷的HTML5/CSS3 3D文字特效，該文字特效的效果是鼠標滑過文字就會出現3D外翻的效果，很是不錯的一款文字特效。
七、CSS3波浪形菜單 結合背景超級絢麗
咱們分享過許多各類各樣的CSS3菜單，應該說效果都比傳統的CSS菜單強悍。此次要分享的這款CSS3菜單有點特別，菜單的總體形狀相似波浪形，鼠標滑過菜單項時也會改變背景色表示該菜單項被激活。另外該CSS3菜單結合不錯的背景圖片效果更加震撼。
八、HTML5/CSS3時尚的圓盤時鐘動畫 帶當前日期
咱們能夠利用HTML5和CSS3來實現一些鐘錶動畫特效，效果都還不錯。今天咱們要分享一款利用HTML5和CSS3的圓盤時鐘動畫，時鐘外觀很是時尚。更重要的功能是，該HTML5時鐘動畫還帶有當前的日期，這是不少時鐘所沒有的功能。
九、CSS3帶圖標提示插件 多主題顏色
在網頁中，咱們操做完耗時的操做，最好給用戶一個提示，這個CSS3插件就實現這個提示功能。該CSS3提示功能有幾種不一樣的顏色，而且每個提示框都有一個指定的小圖表。用戶能夠點擊關閉按鈕來關閉提示框，提示框出現淡出的CSS3效果。
十、CSS3漂亮的自定義checkbox複選框 9款迷人樣式
以前咱們分享過一款很是不錯的CSS3自定義checkbox複選框純CSS3美化Checkbox和Radiobox按鈕，外觀很是時尚。今天咱們來分享一款9款樣式迷人的CSS3漂亮的自定義Checkbox複選框。這幾款複選框樣式很豐富，使用起來也比較方便。
十一、HTML5/CSS3發光搜索表單 超酷CSS3表單
以前咱們分享過一款純CSS3實現的發光登陸表單，發光特效很是不錯。今天咱們要再來分享一款放光表單，是一款CSS3發光搜索表單，表單總體是黑色的風格，搜索框被激活時，輸入框就會發光，因爲黑色的背景，整個搜索表單就顯得格外絢麗光亮。
十二、CSS3懸停動畫工具提示效果
1三、HTML5自定義Checkbox和Radiobox 很酷的選中動畫
瀏覽器自帶的Checkbox和Radiobox的樣式不只外觀醜陋，並且控制起來也不方便，特別是Checkbox在各個瀏覽器中的樣式都不一樣， 今天咱們來利用HTML5和CSS3技術來自定義Checkbox和Radiobox的樣式，特別是Checkbox，在選中的時候還有很是酷的選中動 畫。
1四、HTML5/CSS3自定義抖動表單 下拉表單很時尚
以前咱們分享過不少漂亮的CSS3登陸表單，像這款HTML5/CSS3聯繫表單很是立體，像這款純CSS3發光登陸表單很是炫酷。今天咱們要分享一款很是不錯的自定義抖動表單，有輸入框、下拉框、複選框和按鈕，這些表單元素都是經過CSS3渲染的，外觀很是不錯。初始化的時候這些表單元素還會有抖動動畫。
1五、CSS3仿百度圖片瀏覽效果
1六、CSS3聯繫表單 背景透明迷人
咱們在網頁上常常會用到一些聯繫表單或者留言表單，不久前咱們也分享過一款外觀清新的Select聯繫表單，今天咱們要分享一款背景透明迷人的CSS3聯繫表單，整個表單的背景是半透明的，像是懸浮在一張漂亮的幕布上同樣，表單輸入框被激活時輸入框也呈現透明的效果，很是具備立體感。
1七、CSS3摺疊式蘋果菜單
1八、CSS3響應式麪包屑菜單 菜單簡潔大氣
以前咱們分享過兩款CSS3麪包屑菜單，純CSS3圓形麪包屑菜單和CSS3扁平化麪包屑菜單導航，效果都還不錯。今天咱們再分享一款響應式麪包屑菜單，這款CSS3菜單外觀設計很是簡潔但又十分大氣，咱們能夠在分步註冊頁面或者活動引導頁面使用這款CSS3麪包屑菜單。
1九、HTML5愛心跳動動畫 用技術勾引妹子
在html5tricks網站上，咱們分享過一些浪漫程序員表白的HTML5動畫，像這款浪漫程序員 HTML5愛心表白動畫，相信很多女生看了都會心動。今天咱們要分享一款利用HTML5的愛心跳動動畫，相對前一款，它要簡單一些，若是妹子打開Email看到跳動的愛心，估計也能在內心甜甜的一笑。
20、10個jQuery+CSS3動畫菜單 超絢麗
2一、精美jQuery分頁插件 帶滑動條分頁
今天開始咱們來收集一些jQuery分頁插件，請繼續關注html5tricks的後續更新。今天第一款jQuery分頁插件適用於長翻頁列表的分頁應用，由於這款分頁插件帶有滑動條來方便用戶查看全部的頁碼。分頁插件的外觀十分漂亮，有着不錯的用戶體驗。
2二、jquery仿windows計算器
2三、HTML5紙帶翻轉動畫 超炫的3D特效
以前咱們分享過好多很是炫酷的HTML5 Canvas動畫特效，此次咱們分享的這款HTML5動畫雖然不是基於canvas的，它是基於jade和scss的，這款紙帶翻轉動畫很是不錯，翻轉時的3D特效也很是讓人驚歎，比較消耗CPU。
2四、HTML5/CSS3分步提示框Tooltip 可嵌入任意HTML元素
Tooltip又叫提示框，在網頁上很常見，用戶經過點擊或者滑動鼠標來獲取更詳細的信息，可是整個頁面卻很整潔。今天分享的這款 HTML5/CSS3分步提示框Tooltip可讓你分步來了解相關任務。提示框中的內容能夠自定義，能夠是任意HTML元素，使用其力很是方便。
2五、jQuery水平菜單提示效果
2六、純CSS3垂直動畫菜單 效果很酷
CSS3菜單的實現實在是太多了，有須要的朋友能夠在CSS3菜單欄目下搜索符合本身要求的菜單。今天咱們來分享一款CSS3垂直菜單，這款垂直菜單不只有漂亮的小圖標，並且鼠標滑過期還有很是酷的CSS3動畫，你們能夠試試這款CSS3垂直菜單。
2七、jQuery實現的模仿騰訊視頻導航菜單
騰訊視頻+站酷jQuery導航是一款基於jQuery實現的模仿騰訊視頻導航菜單和站酷網站導航效果。
2八、HTML5仿Chrome樣式控制滑桿動畫
隨着瀏覽器技術的發展，滑桿控制器在網頁上應用愈來愈普遍。今天要分享一款HTML5的滑桿控制器，這個滑桿動畫是放Chrome樣式的，不只外觀很是漂亮，並且在數據初始化的時候還帶有滑動動畫特效，咱們能夠將此插件應用在數據更新、投票等系統中去。
2九、HTML5 SVG Tab滑塊菜單 很是酷的Tab菜單
以前咱們分享過不少HTML5/CSS3菜單，應該說大部分都還比較實用華麗，今天咱們要來分享另一種形式的HTML5菜單——HTML5 Tab菜單。這款Tab菜單是利用HTML5和SVG實現的，Tab菜單的外觀很是漂亮，並且Tab切換也很方便。
30、jquery視差滑塊幻燈特效
很是酷的一款jQuery全屏焦點圖插件，圖很美。
、
3一、HTML5像素文字爆炸重組動畫特效
HTML5能夠把文字效果作得很是酷，就像以前分享的HTML5/CSS3發光文字和HTML5/CSS3文字投影特效就很是絢麗。今天咱們要分享一款基於HTML5技術的文字像素爆炸重組動畫特效，咱們能夠在輸入框中指定任意文字，點擊肯定按鈕後，就會將原先的文字爆炸散去，新的文字以像素點的形式組合起來，看起來很是棒。
3二、HTML5/CSS3超酷焦點圖特效 帶先後翻頁按鈕
今天要分享的這款HTML5/CSS3焦點圖插件切換效果比較簡單，可是外觀和功能卻十分強大。該CSS3焦點圖在切換圖片時，圖片以淡入淡出的方式縮小消失並顯示下一張圖片。焦點圖插件還擁有一套很是大氣的先後翻頁按鈕，是一款很是實用HTML5/CSS3焦點圖應用。
3三、HTML5+CSS3實現註冊登陸窗體
3四、HTML5/CSS3自定義下拉框 3D卡片摺疊動畫
以前咱們分享過一款CSS3帶小圖標下拉菜單，它更多的是一款菜單，可是今天要分享的一款CSS3自定義下拉框取代了傳統的Select樣式，用不同的風格來讓select更加美觀。這款CSS3下拉框還有3D立體的卡片摺疊動畫效果，很是酷。
3五、HTML5/CSS3淡入淡出滑塊焦點圖 很是清新
咱們已經分享過幾款簡單的CSS3/jQuery焦點圖插件，像HTML5結合jQuery實現圖片滑塊特效、CSS3/jQuery全屏立體焦點圖等，你們能夠到焦點圖欄目下查找。今天要分享的這款焦點圖切換時有淡如淡出的動畫效果，是利用HTML5和CSS3實現。