1、SVG & CSS 交互圖表

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

2、CSS3 3D 動畫直方圖

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

3、理解 CSS Clip 屬性

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

4、CSS3 注釋層效果

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

5、CSS3 動畫目錄選項卡

6、CSS3 加強型表單提示域

7、CSS3 tooltips 動畫效果

8、響應式 3D CSS 時間軸效果

9、CSS3 過濾器功能

10、CSS3 Bounce 動畫效果

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

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

#p#

13、自定義復選框和單選按鈕

14、酷炫圖片題注效果

15、CSS3 First-Of-Type 選擇器

16、面包屑導航

17、HTML5/CSS3 響應式表單

18、CSS3 線性漸變效果

19、CSS3 重復漸變

20、段首大字效果

21、SVG 與 CSS 之結合

22、利用CSS3 過濾器進行圖片調(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