30个CSS3和HTML5的创新实验

jopen 12年前

CSS3是CSS2.1的扩展,它在CSS2.1的基础上增加了很多强大的新功能,但是它已不再像CSS2.1那样是单一的规范。CSS3被划分成几个模 块,每个模块都是CSS的某个子集的独立规范,比如选择器、文本或者背景。每个模块都有各自独立的创作者和时间表。这样做的好处是整个CSS3规范的发布 不再需要停下来等待某个难产的小条目--这个模块或许尚需等待,但其他模块的流程却能够继续向前推进。
    总的来说CSS3主要拥有以下几个新的亮点:高级选择器,圆角,多背景,@font-face动画与渐变,渐变色,Box 阴影,RGBa - 加入透明色,文字阴影,图形化边界 。

1. CSS3D Clouds

30个CSS3和HTML5的创新实验
 
Source
 

2. Cubic-Bezier

30个CSS3和HTML5的创新实验
 
Source
 

3. Clock

30个CSS3和HTML5的创新实验
 
Source
 

4. Wave

30个CSS3和HTML5的创新实验
 
Source
 

5. Experimental CSS3 Animations

30个CSS3和HTML5的创新实验
 
Source
 

6. 3D City

30个CSS3和HTML5的创新实验
 
Source
 

7. CSS3 Animation : Why not Zoidberg?

30个CSS3和HTML5的创新实验
 
Source
 

8. Windows 7 Start Menus

30个CSS3和HTML5的创新实验
 
Source
 

9. Every Second One Hour of Video

30个CSS3和HTML5的创新实验
 
Source
 

10. CSS3 Patterns

30个CSS3和HTML5的创新实验
 
Source
 

11. Typography Rain

30个CSS3和HTML5的创新实验
 
Source
 

12. Vlog.it

30个CSS3和HTML5的创新实验
 
Source
 

13. Sudoku Solver

30个CSS3和HTML5的创新实验
 
Source
 

14. Cursor Monster

30个CSS3和HTML5的创新实验
 
Source
 

15. FlashLight

30个CSS3和HTML5的创新实验
 
Source
 

16. Lolwut

30个CSS3和HTML5的创新实验
 
Source
 

17. Walking

30个CSS3和HTML5的创新实验
 
Source
 

18. Solar System

30个CSS3和HTML5的创新实验
 
Source
 

19. CSS3 Classic Train

30个CSS3和HTML5的创新实验
 
Source
 

20. Practicals

30个CSS3和HTML5的创新实验
 
Source
 

21. Homer

30个CSS3和HTML5的创新实验
 
Source
 

22. Fractals

30个CSS3和HTML5的创新实验
 
Source
 

23. Kinect, CSS3 & Animatable

30个CSS3和HTML5的创新实验
 
Source
 

24. 3d Animations Using Pure CSS3

30个CSS3和HTML5的创新实验
 
Source
 

25. Linjer

30个CSS3和HTML5的创新实验
 
Source
 

26. HTML5 Interactive Infographic

30个CSS3和HTML5的创新实验 alt="lab_4muladesign_com_dribbble" width="625" height="351" />
 
Source
 

27. The Cloth Simulation

30个CSS3和HTML5的创新实验
 
Source
 

28. 3D CSS Cube

30个CSS3和HTML5的创新实验
 
Source
 

29. TiltShift Text

30个CSS3和HTML5的创新实验
 
Source
 

30. Morphing Cubes

30个CSS3和HTML5的创新实验
 
Source