30個CSS3和HTML5的創新實驗

CSS3是CSS2.1的擴展，它在CSS2.1的基礎上增加了很多強大的新功能，但是它已不再像CSS2.1那樣是單一的規范。CSS3被劃分成幾個模 塊，每個模塊都是CSS的某個子集的獨立規范，比如選擇器、文本或者背景。每個模塊都有各自獨立的創作者和時間表。這樣做的好處是整個CSS3規范的發布 不再需要停下來等待某個難產的小條目--這個模塊或許尚需等待，但其他模塊的流程卻能夠繼續向前推進。
    總的來說CSS3主要擁有以下幾個新的亮點：高級選擇器，圓角，多背景，@font-face動畫與漸變，漸變色，Box 陰影，RGBa - 加入透明色，文字陰影，圖形化邊界 。

1. CSS3D Clouds

 
Source
 

2. Cubic-Bezier

 
Source
 

3. Clock

 
Source
 

4. Wave

 
Source
 

5. Experimental CSS3 Animations

 
Source
 

6. 3D City

 
Source
 

7. CSS3 Animation : Why not Zoidberg?

 
Source
 

8. Windows 7 Start Menus

 
Source
 

9. Every Second One Hour of Video

 
Source
 

10. CSS3 Patterns

 
Source
 

11. Typography Rain

 
Source
 

12. Vlog.it

 
Source
 

13. Sudoku Solver

 
Source
 

14. Cursor Monster

 
Source
 

15. FlashLight

 
Source
 

16. Lolwut

 
Source
 

17. Walking

 
Source
 

18. Solar System

 
Source
 

19. CSS3 Classic Train

 
Source
 

20. Practicals

 
Source
 

21. Homer

 
Source
 

22. Fractals

 
Source
 

23. Kinect, CSS3 & Animatable

 
Source
 

24. 3d Animations Using Pure CSS3

 
Source
 

25. Linjer

 
Source
 

26. HTML5 Interactive Infographic

alt="lab_4muladesign_com_dribbble" width="625" height="351" />
 
Source
 

27. The Cloth Simulation

 
Source
 

28. 3D CSS Cube

 
Source
 

29. TiltShift Text

 
Source
 

30. Morphing Cubes