首先來看看效果圖： HTML 代碼就這么簡單： <a href="#" class="button green">button</a> <a href="#" class="button blue">button</a> <a href="#" class="button gray">button</a> 如果沒有 CSS ，那么上面的 HTML 執行起來是這樣的： 開始 CSS3 的編寫： .b

HTML5 Please helps you look up HTML5, CSS3, etc features , know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are. So that, you can decid

一個輕量級的的CSS3圖片庫，具有漂亮的外觀和易于使用特性。

CSS3學習筆記之立體盒子是純CSS3實現的動畫特效，當你的鼠標移到盒子的邊上他會打開盒子讓你看到里面，效果真棒，因為IE9以下版本暫時不支持CSS3，所以網友們在看效果的時候請不要用IE瀏覽器來運行，為了讓網友們看到最終效果請使用谷歌、火狐等瀏覽打開運行。

DivSugar是一個基于CSS3的3D圖形引擎。它提供了一個3D場景圖形，一個動畫系統，和幾何類。場景圖的節點是一個擴展的div元素，所以它使得整合三維動畫到現有網站上的網頁變得很容易，適合制作休閑游戲，或復雜的3D報表。 Divsugar依靠CSS進行3D變換，可以運行在Safari，Chrome和Firefox。

前言：我曾在之前的分享里提到CSS3 Region（區域模塊）的重要作用：實現更復雜的排版效果，實現更豐富的富文本體驗。下文就是和此模塊相關的實際應用，可以看到未來它將發揮出巨大的作用。

9款非常給力的jQuery/CSS3經典插件，插件包括CSS3圖片特效、jQuery動畫菜單、jQuery時尚登錄表單等，一起來看看這些jQuery插件，希望大家喜歡。

目前我們所常見的webapp越來越多的是以SPA(single page application)的模式進行開發，同時嵌套在android或者ios本地殼里面，也就是hybrid應用，這種開發方式所帶來的優勢就不多討 論，本文研究的重點是在SPA模式中，頁面間橫向滑動切換場景時模式是怎樣設計的。在這篇文章里，筆者將展示并闡述四種橫向滑動模式的架構布局及CSS設 計方案，供大家參考(多圖請耐心加載)。

Move.js 一個小型的JavaScript庫使CSS3支持的動畫非常簡單而優雅。

CSS3增加的新特性實現了很給力的效果，那你是否有編寫過跨瀏覽器的CSS3代碼呢，要針對不同的瀏覽器寫一堆的CSS3代碼前綴。Prefixr就是一個能將CSS3代碼自動生成跨瀏覽器CSS代碼的在線應用。

現在有了 HTML5，我們在瀏覽器上制作動畫已經不是什么難事了，但是一個好的創意卻很難，比如說用技術來博得女孩子的喜歡。今天我們分享的這款生日蛋糕動畫非常 有創意，它是用 svg 來做的，利用 HTML5 的 api 讓制作蛋糕的過程展示出來，這個蛋糕在妹子生日的時候送給她一定會讓她覺得很驚奇。祝你成功哦！

HTML5 的強大之處我們已經體驗過很多了，包括 HTML5 游戲、HTML5 視頻，另外結合 CSS3，也能創造更多炫酷的動畫特效和實用應用。今天我們要分享 9 款最新的炫酷 HTML5/CSS3 應用。如果你喜歡，趕緊分享給你的朋友吧。

28 個免費開源的CSS3代碼片段

最近看到《圖解CSS3》的布局部分，結合自己以前閱讀過的一些布局方面的知識，這里進行一次基于CSS2、3的各種布局的方法總結。

CSS3實現雪花飄落動畫

在前端開發中，往往需要對默認元素的樣式進行修改。然而有的元素卻不是那么容易就能找到它所對應的樣式的

“蟬原則”，英文稱作“cicada principle”，是一種讓事物的重復出現符合“自然隨機性”的規則，為什么這么說呢？

這是一款漂亮簡潔的CSS3價格表樣式，該價格表基于Bootstrap網格系統來進行布局，通過簡單的CSS3代碼來美化價格表，樣式非常的時尚漂亮，且能在不同屏幕下展示良好的效果。

Morf.js 提供了一組 JavaScript 方法用于加速 CSS3 的各種轉換效果，支持的方法都在上圖中，無需編寫 CSS3 代碼。<br>

“[提供商之間的]最激烈的競爭將與標準密切相關。大部分聰明人的眼睛將緊盯著技術標準。但在計算機行業，新標準既可能是無限財富的源泉，也可能導致企業帝國的毀滅。盡管存在著如此多的風險，標準仍然點燃了無限激情”