Interesting HTML5 CSS3 effect

Iphone6 Appearance: http://www.html5tricks.com/demo/css3-iphone6/index.html

Weather icon: http://www.html5tricks.com/demo/pure-css3-weather-icon/index.html

3D Spacecraft: http://www.html5tricks.com/demo/pure-css3-3d-air-ship/index.html

Dynamic font: http://www.html5tricks.com/demo/html5-canvas-side-text/index.html

Personal thinking:

	CSS3	Pure picture
Advantages	1. Fast loading speed 2. Amplification without losing true	1. Simple production 2. Fast development speed
Disadvantages	1. High skill Requirement 2. Long development time	1, large map loading speed is slow

CSS3, HTML5 Practice:

The graphics on the page are generally used in two ways, with CSS3 or canvas painting

Here are some ideas from CSS3

1 generally more will use rounded corners, shadows, rotations and animations,

2 When you have a triangular pattern, you usually use width:0;height:0, and then you set the thickness of the border, and the radians are drawn by border-radious.

3 positioning generally will be absolute absoulate, as well as: Before,after

Interesting HTML5 CSS3 effect