9 Models to make your eyes bright html5/css3 example and source code

1, HTML5 3D lattice row wave tumbling animation

Today we're going to share a HTML5 3D-based dot-matrix wave-tumbling animation effect, which is also very spectacular.

Online Demo

SOURCE download

2, HTML5 ball bounce animation very good 3D ball

Today I want to share a very realistic HTML5 animation special effects, it is 3 different colors of bouncing ball, each ball in the bounce will have a change in the small ball projection, so that the whole animation more realistic, and has 3D visual effects.

Online Demo

SOURCE download

3, pure CSS3 pieces of paper stacked into the temple animation

Today to share this pure CSS3 animation is very special, the prototype of the animation body is a temple roof, it with 3 pieces of paper and a small ball stacked, first of all, the simple 4 elements of the temple is very lifelike, and secondly, the temple roof in combination with the use of CSS3 technology to form a very cool flying into the animation.

Online Demo

SOURCE download

4. JQUERY/CSS3 Poll Result Chart Horizontal histogram chart

This is a chart of results based on jquery and CSS3, unlike the HTML5 bar chart previously described, which is a horizontal histogram chart. The chart data is initialized with a slow-sliding animation effect, and this horizontal histogram is ideal for use in voting applications.

Online Demo

SOURCE download

5. Html5/svg Area Line chart can display chart data item

Today we're going to share a chart application based on HTML5 and SVG, which represents a kind of data using area blocks that represent the data in the range of the chart, each area can define its own color, which makes the chart data very clear. In addition, we simply move the mouse over the area line to pop up a chart data detail for the sitting punctuation.

Online Demo

SOURCE download

6, SVG to achieve the Hollow animation icon to fill the color

This is an SVG-based skeleton animation icon, the icon is drawn through the SVG path tag implementation, this example shows 3 different things, basketball, Twitter logo and a pig head. When the mouse is over the icon, the cutout part of the icon fills a color with a gradient, which works very well.

Online Demo

SOURCE download

7, Pure CSS3 3D switch button can swipe left and right

This time we are going to look at a very cool CSS3 3D switch button that can be left and right by clicking on the button, just like the switch turns on the closure effect.

Online Demo

SOURCE download

8. HTML5 Canvas histogram to compare multiple data

Today we are going to share a column chart based on HTML5 canvas, which can compare multiple data at the same time, the appearance is general, you can modify the specific CSS customization.

Online Demo

SOURCE download

9, four groups of happy CSS3 loading loading animation

Today we're going to share 4 happy CSS3 loading loaded animations, these 4 animations are the same pattern, are a group of small ball in the ball inside the formation of various arrangements to achieve loading loading animation effect.

Online Demo

SOURCE download

This article fixed link: http://www.i7758.com/archives/1621.html

9 Models to make your eyes bright html5/css3 example and source code