Pure CSS3 Page Flip Effect
這是一個(gè)通過CSS3漸變、過渡、二維變換和剪裁技術(shù), Roman Cortes 實(shí)現(xiàn)這一個(gè)純CSS3的翻頁效果 (沒有用Javascript). 當(dāng)然也指定了Webkit 的瀏覽器 (Safari and Chrome).

Create a Vibrant Digital Poster Design with CSS3
一 個(gè)通過純html和CSS來設(shè)計(jì)的充滿活力和抽象的數(shù)字海報(bào)

CSS3 Leopard-style Stacks
一個(gè)純CSS.沒有 JavaScript. 一個(gè)Gordon Brander的實(shí)驗(yàn).

Wicked CSS3 3D Bar Chart
一個(gè)嘗試用CSS3來創(chuàng)建的3D圖表. 這個(gè)例子只能工作在 Firefox, Chrome, Safari 和 Opera.

Selectable Headlines with Color Transition (CSS3)
一個(gè)通過CSS3來實(shí)現(xiàn)文本顏色過渡效果的實(shí)例. 只能工作在 Safari 和Google Chrome.

Our Solar System in CSS3
這是一個(gè)試圖實(shí)現(xiàn)太陽系運(yùn)動(dòng)效果的實(shí)例，非常有趣。

Fun With CSS Gradients

CSS3 Bookshelf
這是一個(gè)很華麗的設(shè)計(jì)，通過動(dòng)畫來實(shí)現(xiàn)這個(gè)書架效果。

Pure CSS Twitter Fail Whale
一個(gè)很可愛的CSS動(dòng)畫效果

CSS World Clocks
這是一個(gè)通過CSS來實(shí)現(xiàn)的時(shí)鐘效果，注意這其中沒有用圖片。

3D Text Tower
看慣了一塵不變的text，這里給你加上動(dòng)態(tài)陰影。

Creating a Realistic Looking Button with CSS3
如果你不想用photoshop來設(shè)計(jì)按鈕，可以用它。

CSS3 Spotlight
聚光燈! Works with Webkit & Firefox.

Pure CSS3 Animated AT-AT Walker from Star Wars

Pure CSS Icons
教我們用CSS3來設(shè)計(jì)icons

Create a Content Slider Using Pure CSS
不要JS來實(shí)現(xiàn)滑動(dòng)效果。

Sexy Tooltips with Just CSS
如果不喜歡JQuery，我們可以這樣來做我們想要的效果，這是一個(gè)注釋樣例。

Creating a Polaroid photo viewer with CSS3 and jQuery

這是一個(gè)很好的CSS和JQuery結(jié)合的實(shí)例，通過使用jQuery可以讓我們使用更清潔的CSS。

Animated Photoshop selection using CSS3
這是個(gè)突出虛線效果的例子。看起來就像photoshop一樣。

Sexy Image Hover Effects using CSS3
一個(gè)漂亮的圖片懸停效果。

CSS3 Dropdown Menu
一個(gè)多級(jí)菜單，效果很不錯(cuò)，在IE7＋也有不錯(cuò)的表現(xiàn)，不過像圓角就不會(huì)有了。

Middle Box Links
一個(gè)漂亮的內(nèi)容框，加上一個(gè)動(dòng)畫效果，讓你更方便的找到它的鏈接。

Contextual Slideout Tips With jQuery & CSS3

Beautiful UI styling with CSS3 text-shadow, box-shadow, and border-radius
介紹了非常豐富的CSS3實(shí)用技巧。

it知識(shí)庫：24個(gè)CSS3實(shí)例教程，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。