好久沒跟大家來推薦一些有用酷炫的HTML5和css3的酷站啦，這回25學(xué)堂老譚也剛好在開發(fā)一些移動端的項(xiàng)目，也收集了一些比較實(shí)用的學(xué)習(xí)CSS3+Html5的實(shí)用案例酷站。

第一個：CSS3-html5 demo在線測試案例

該酷站包含了：

• 螺旋式Loading加載
• 谷歌點(diǎn)擊翻牌效果
• 鏈接下劃線虛線
• 鏈接提示效果
• links新定義
• 獨(dú)特的網(wǎng)站鏈接樣式大全
• NAV鏈接樣式
• 鏈接懸停效果
• 手機(jī)屏幕鎖定模式
• 葡萄形狀menu菜單
• 按鈕懸停效果
• SVG菜單+關(guān)閉按鈕
• CSS3 響應(yīng)式布局
• 中文排版的幾種風(fēng)格
• CSS3 按鈕 Button
• CSS3 按鈕
• css3 超酷圖片預(yù)覽
• 九宮格布局排版
• CSS3 漸變背景主題
• CSS3 Text Effect
• css3 左右滑動的圖片
• CSS3 顫抖的小心肝
• CSS3 雨滴效果
• 反轉(zhuǎn)的模塊
• 動畫二級下拉菜單
• hover 層的定位演示? 等等CSS3+Html5在線測試案例。

感謝酷站的博主分享：http://www.zaole.net/demo/

第二個：專門收集CSS3+HTML5特效的酷站案例

這是屬于科e互聯(lián)提供css3、html5網(wǎng)頁特效代碼的一個頻道。

上面有很多常用的CSS3動畫加載SVG背景效果、HTML5+Canvas繪制動畫代碼和PC端、IPAD、手機(jī)等響應(yīng)式圖片展示觸屏滾動插件。

實(shí)用特效案例酷站：http://www.internetke.com/effects/css3/

第三個：學(xué)css3網(wǎng)

HTML5+css3特效是是當(dāng)下網(wǎng)站設(shè)計的流行趨勢，學(xué)Css3網(wǎng)站收集了大量國內(nèi)外HTML5+css3特效代碼和教程，幫助初學(xué)者了解學(xué)習(xí)HTML5和css3-學(xué)css3網(wǎng)

該網(wǎng)站非常適合新人學(xué)習(xí)，上面有比較完善的入門教程。

http://www.xuecss3.com/list-6-1.html

十天學(xué)會HTML 5

在2015年我們或許會看到：Web內(nèi)容將更趨于清潔簡單；更多的非電商企業(yè)將采取電商的技術(shù)，為顧客推薦預(yù)測內(nèi)容；智能手表需作改變，否則注定失敗。

十天學(xué)會CSS 3

css3已經(jīng)成為現(xiàn)在網(wǎng)頁設(shè)計中的常用元素，本課程對于有一定CSS2經(jīng)驗(yàn)的伙伴，能讓您系統(tǒng)的學(xué)習(xí)CSS3，快速的理解掌握并應(yīng)用于工作之中。

教程地址：http://www.xuecss3.com/html/special/css3/

如果各位還有一些好的關(guān)于CSS3+Html5在線測試案例的網(wǎng)站分享，記得分享給我們。我們一起努力加油。

當(dāng)然，從事移動的前端開發(fā)和webAPP開發(fā)，上面這些案例和實(shí)例知識都是我們必不可少的學(xué)習(xí)教程。