9 eye-catching HTML5/CSS3 Effects

1. HTML5 WebGL experiment, awesome HTML5 Canvas wave wall

This is an HTML5 Canvas experimental project and a special wave effect, but it is not a real water wave, but a wave wall effect achieved by changing the height of the column.



Online Demo/source code download

2. HTML5 gravity sensor animation effect, collision ball demonstration

A ball of varying sizes will be dropped on the page. We can drag the ball or click the blank area to produce more balls. If your computer is configured high, you can try to generate more small balls to play, which is very interesting.



Online Demo/source code download

3. HTML5 Canvas chart application RGraph. The chart function is very powerful.

A powerful HTML5 Canvas chart application. This HTML5 chart has various types, such as line chart, bar chart, pie chart, and even hybrid chart. The chart configuration is also very simple, the function is very powerful.



Online Demo/source code download

4. New CSS3 button combination, 5 cute CSS3 buttons

A cute combination of CSS3 buttons. The CSS3 button has 5 different styles and has several 3D effects. Let's take a look at these cute CSS3 buttons.



Online Demo/source code download

5. CSS 3 image cascade and expand special effects to expand the slice Effect

The special effects of this CSS3 image are not so brilliant, and its functions are very simple. When you move the mouse over the image, multiple images will change from the original stacked together to the expanded state, the expansion process is accompanied by a CSS3 animation, and the expansion shape is slice. This simple CSS 3 picture cascade and expand animation can be applied to image display and Image Sharing.



Online Demo/source code download

6. HTML5 Canvas pie chart, HTML5 & jQuery chart application

An HTML5 Canvas-based pie chart. When you click a pie chart area, the area is highlighted. Because the pie chart is developed based on html5. therefore, HTML5 browsers must be supported.

 

Online Demo/source code download

7. CSS3 Loading progress bar Loading animation effects, 3 gorgeous styles

A cool CSS3 progress bar loading animation effect. This animation effect has three different styles. Note that IE6/7/8 does not support this progress bar animation.



Online Demo/source code download

8. Pure CSS3 progress bar, gorgeous 5-color progress bar example

This is a progress bar implemented by pure CSS3. Its implementation is very simple and there are no complicated animations. The biggest feature of this CSS3 progress bar is that it has 5 very beautiful colors, the entire progress bar looks very professional.



Online Demo/source code download

9. CSS3 contact form, fresh appearance with beautifying Select form

This CSS3 form is fresh and simple, and the form looks clean as a whole. In particular, the CSS3 contact form has a custom beautifying select form, when a form item is activated, the border color changes.



Online Demo/source code download

The above are nine fascinating HTML5/CSS3 app special effects. You are welcome to add them to your favorites and share them.