9 latest awesome HTML5/CSS3 application plug-ins

1. HTML5 Canvas simulation of Clothes Tearing animation super lifelike

The HTML5 animation captures the force of the mouse drag to determine the degree to which the clothes should be damaged. The more powerful the clothes are, the faster the clothes are torn, come and try this HTML5 animation.

 

Download demo source code online

2. Draw cute little boy animated facial expressions with pure CSS3

We have previously shared several pure CSS3 animation effects. For example, the walking animation of a pure CSS3 character is very cool, and the painting of a pure CSS3 Android Logo animation is also cool. Today we are going to share a cute little boy animation drawn from pure CSS3. Besides the cute little boy, his facial expression is also very cool. The whole animation is implemented using pure CSS3, without images and JS. I don't know how it works in your browser.

Download demo source code online

3. HTML5 3D image folding effects ultra-cool image effects

We have previously introduced many HTML5 3D image effects, such as HTML5/CSS3 3D ring image walls and HTML5 3D album browsing. Today, we will share a special HTML5 3D image folding effect. When the mouse slides over the image, the collapsed image will be displayed. When the mouse leaves the image, the image will be folded again, and the effect will be very cool.

Download demo source code online

4. HTML5 3D card image effects with text descriptions

Today, we share a special HTML5 3D image effect. When the mouse slides over the image, the plane image will display the 3D effect, which is similar to the HTML5 3D image folding effect, the 3D effect is also displayed by swiping the mouse. In addition, you can set the image description for this HTML5 3D bone card image effect.

Download demo source code online

5. HTML5/CSS3 3D 3D buttons: Awesome CSS3 buttons

We have previously shared a lot of wonderful CSS3 buttons, such as this pure CSS3 3D milk style button, which is very cool. It is also nice to see this CSS3 luminous social sharing button. The CSS3 3D button to be shared today is very atmospheric. It also has a three-dimensional effect when you click it. It is a very cool CSS3 3D button.

Download demo source code online

6. HTML5/CSS3 source image comparison and display special effects HTML5 image effects

Speaking of HTML5 image effects, we have already shared a lot. You can view them in the HTML5 image topic. Today, let's take a look at a different HTML5 image special effect. This HTML5 application can compare the details of two similar images, we only need to move the mouse to observe the differences between the two images, which is very practical and convenient.

Download demo source code online

7. HTML5 Photo Album photo browser can connect to the photo service of Flickr

We often share some jQuery album browsing plug-ins in the past, which have good results and strong practicability. However, if HTML5 can be used to implement the album browser, the album browsing effect will certainly be even cooler. The HTML5 photo album browser shared today can be connected to Flickr to get photos, or youtube to get videos. The photos will have a ripple effect during initialization.

Download demo source code online

8. HTML5/CSS3 3D drop-down and folding menu superb CSS3 menu Animation

We have introduced many CSS3 menus before, and the effects are very gorgeous and cool. However, these CSS3 menus are basically 2D flat menus. The HTML5/CSS3 menu to be shared today is 3D. When a menu is displayed, the animation effects of the fold drop-down menu appear. The menu can also be collapsed, and the effect of sliding the mouse over the menu item is also very good.

Download demo source code online

9. Hover the mouse over an HTML5 3D rotating image album

Image effects are widely used in HTML5. We have also collected a lot of HTML5 image effects on html5tricks. The HTML5 3D rotating image album to be shared today is very brilliant, similar to the HTML5/CSS3 3D ring image wall shared earlier, it is also a three-dimensional image wall. The picture is constantly switched and you can activate the picture viewing when the mouse slides over the image.

Download demo source code online

The above are nine latest awesome HTML5/CSS3 application plug-ins. You are welcome to share them with others.