1、SVG & CSS 交互圖表

該教程將讓你對(duì) SVG 效果創(chuàng)建與交互有一定了解。

2、CSS3 3D 動(dòng)畫直方圖

該教程將叫你創(chuàng)建一個(gè)完整的 3D 直方圖。你需要遵循一些要求，使直方圖有獨(dú)立的背景，能夠自適應(yīng)、可伸縮，當(dāng)然還要能自定義。

3、理解 CSS Clip 屬性

'Clip' 是 CSS 的一個(gè)屬性，由于該屬性使用的并不多，估計(jì)很多開發(fā)者都對(duì)它沒太多了解。該教程將讓你對(duì)它有更好的理解。

4、CSS3 注釋層效果

該教程是關(guān)于如何創(chuàng)建一個(gè)用來呈現(xiàn)描述某一頁面部分或圖片的信息說明，使用該技敲能夠使圖片可點(diǎn)擊并以覆蓋層來顯示描述信息。

5、CSS3 動(dòng)畫目錄選項(xiàng)卡

6、CSS3 加強(qiáng)型表單提示域

7、CSS3 tooltips 動(dòng)畫效果

8、響應(yīng)式 3D CSS 時(shí)間軸效果

9、CSS3 過濾器功能

10、CSS3 Bounce 動(dòng)畫效果

11、CSS 多列布局(類雜志)

12、理解 CSS3 calc() 函數(shù)

#p#

13、自定義復(fù)選框和單選按鈕

14、酷炫圖片題注效果

15、CSS3 First-Of-Type 選擇器

16、面包屑導(dǎo)航

17、HTML5/CSS3 響應(yīng)式表單

18、CSS3 線性漸變效果

19、CSS3 重復(fù)漸變

20、段首大字效果

21、SVG 與 CSS 之結(jié)合

22、利用CSS3 過濾器進(jìn)行圖片調(diào)整

23、Sass 入門指南

24、Wordpress中的CSS 網(wǎng)格布局

25、Metro UI CSS

via smashinghub

原文鏈接：http://www.oschina.net/news/39444/25-tutorials-of-advanced-user-interface-css3-efgefects