CSS3 實現圖片上浮動畫 代碼段
.gist { width:220px; height:130px; background-image: url(2.jpg); background-repeat:no-repeat; border:5px solid green; background-position:50% 50%; transition:background-position 2s; -moz-transition:ba
cbgd 
A Set Of Good Looking CSS3 Buttons 開源項目
這是一組利用CSS3的圓角，漸變和多個背景等特性創建的漂亮按紐。這些按紐只有在Chrome、Safari、Firefox瀏覽器中才能看到最好的效果。
碼頭工人
P28 CSS3 對前端交互設計的影響 文檔
目錄CSS3對前端交互設計的影響CSS3簡介transform,transition,animation概述實踐經驗交互設計CSS3簡介CSS3簡介CSS3是CSS2.1的擴展，它在CSS2.1的基礎上增加了很多強大的新功能，但是它已不再像CSS2.1那樣是單一的規范。CSS3被劃分成幾個模塊，每個模塊都是CSS的某個子集的獨立規范，比如選擇器、文本或者背景。每個模塊都有各自獨立的創作者和時間表。這樣做的好處是整個CSS3規范的發布不再需要停下來等待某個難產的小條目——這個模塊或許尚需等待，但其他模塊的流程卻能夠繼續向前推進。
總結30個CSS3選擇器 經驗
大家平時總是在用的選擇器都是：#id? .class? 以及標簽選擇器。可是這些還遠遠不夠，為了在開發中更加得心應手，本文總結了30個CSS3選擇器，希望對大家有所幫助。
jopen CSS3 Drop Shadows 0.3 發布 資訊
CSS3 Drop Shadows 是一個 Web 應用程序用來構建漂亮的具有陰影效果的方框，它為你提供可視化的操作界面并幫你生成對應的 CSS3 代碼。對設計者來說非常有用，可以方便的學習 CSS3.
fmms 
openkk HTML5/CSS3 框架：Workless 經驗
Workless 是一個 HTML5-CSS3 框架，用于構建支持跨瀏覽器的 Web 應用。該項目基于 Bootstrap + HTML5 Boilerplate ，包括一個網格系統以及提供表單、表格、按鈕、標簽、提醒等樣式，提供圖標字體和一些 jQuery 插件。
基于CSS3的懸停效果集合：Hover.css 經驗
Hover.css是一個采用CSS3實現鼠標懸停動畫效果，可應用于按鈕、LOGO 以及圖片等元素。可輕松地應用到自己的元素。可運用在CSS 和 SASS。
CSS3實現10種Loading效果 代碼段
昨晚用CSS3實現了幾種常見的Loading效果，雖然很簡單，但還是分享一下，順便也當是做做筆記…… 第1種效果： 代碼如下： <div class="loading"> <span></span> <span></span> <span></span> <span></span> <span></span> </div> .loading{ width: 80px; height: 40px;
CSS3樣式按鈕 Zardi 經驗
Zardi是一套輕量級的CSS3樣式按鈕，完全是用CSS3樣式制作的，沒有使用圖片，僅有3KB大小。它在目前主流的瀏覽器中都能使用，兼容性比較高。
CSS3樣式按鈕 Zardi 經驗
Zardi是一套輕量級的CSS3樣式按鈕，完全是用CSS3樣式制作的，沒有使用圖片，僅有3KB大小。它在目前主流的瀏覽器中都能使用，兼容性比較高。
CSS3 基本要素概覽 問答
這篇文章將對 CSS 的幾個新屬性 (text-shadow，box-shadow，and border-radius) 做基本介紹。這些 CSS3 屬性通常用來加強頁面布局。 RGBA 前面的 3 個值是 RGB 顏色值，最后一個值是透明度的級別（0 = 透明，1 = 不透明）。 RGBA 可以應用于與顏色的
20 Useful CSS3 Button Resources and Tutorials 博客
Bon Bon Sweet CSS3 Buttons Design a Sexy Button using CSS3 CSS3 Animated Bubble Buttons CSS3 Gradient Buttons CSS3 Button Maker Creating the Perfect CSS3 Buttons Getting to Work with CSS3 Power Tools
CSS3 陰影(text-shadow) 經驗
在以前，陰影效果一般都是做成圖片，現在有了CSS3 可以直接使用text-shadow 屬性來實現陰影。這個屬性可以有兩個作用，產生陰影和模糊主體。這樣在不需要圖片的情況下就能給文字增加質感。
實例CSS3開場動畫的制作與優化 經驗
一開始需要制作這個動畫的時候，其實我是拒絕的，因為單憑這幾個素材，即便我對動畫了如指掌，也是無從下手的。后來有一天，我見到了wow軍團再臨的CG動畫，腦海中突然靈光一閃，便出現了這樣的構思：
神通廣大的CSS3選擇器 經驗
每個前端工程師可能每天都會寫一些css，其中選擇器是很主要的一部分。但是，大家可能每天寫的大多是#id,.class這樣的選擇器，這并不稀奇，但是如果我們了解并且熟用css3為我們提供的強大并且優雅的選擇器，就可以簡化我們的代碼。