10 Super Cool source animations based on HTML5+CSS3

1. Bootstrap-based jquery sign-in form

This is a login form based on Bootstrap, the appearance of the form naturally needless to say, the use of bootstrap style, very beautiful. This login form has a CSS3-processed avatar picture, as well as a simple validation of HTML5 form fields, and the use of CSS3, which makes the projection of the entire login form appear more stereoscopic.

Online Demo

SOURCE download

2. Cool CSS3 Multi-Window Mail reader

This is a very cool gorgeous CSS3 Mail reader interface, it is characterized by you can open multiple messages at the same time, without having to jump to the page. When you have finished reading, you can click the Close button to close the current message window. For this interactive window, we've also shared a CSS3 chat window before, and you can take a look at it.

Online Demo

SOURCE download

3.jQuery Image Jitter Plugin

This is a simple jquery image jitter animation, when we move the mouse over the picture, the picture will produce a series of jitter animation. Remember to share a more advanced image jitter animation, there are many ways to shake, you can see the JQUERY/CSS3 implementation of Web element jitter effect this article.

Online Demo

SOURCE download

4.HTML5 Smiley-style music player is very love

Today to share a very loving HTML5 music player, it looks like a smiley face, in fact, the style of the smiley face is also through the player's various buttons to layout the resulting. At the same time, the function of this player is also more complete, play, pause, volume control, playback progress and so on.

Online Demo

SOURCE download

5.CSS3 Super Cool Pop-up dialog compatible with mobile

This is a HTML5 and CSS3 based pop-up dialog box, a total of 4 types, each dialog box pops up with a certain animation effects, such as the success of the animation and loading time animation, are very good, and previously shared the jquery pop-up dialog box appearance elegant with masks compared to Although there is no powerful callback function, it is very simple and more suitable for use on the mobile side.

Online Demo

SOURCE download

6.jQuery Magnifier product picture Preview Plugin support album Browse

Remember the previous introduction of a jquery spherical magnifier effect plug-in, you can enlarge the small text to browse. Today to share is also a jquery magnifier plug-in, can be applied to the product image browsing. When the mouse slides over the thumbnail, you can browse to a specific part of the larger image. The biggest feature of this plug-in is the support of photo album browsing, is a good product image browse plugin.

Online Demo

SOURCE download

7.14 CSS3 pictures Cascade Toggle Animation

I have just shared a jquery cascading flip-over focus graph plugin, very good. Now this CSS3 image Cascade Toggle Animation is more powerful, with 14 different picture switching animations, and animation effect more cool. These 14 kinds of animations, each have a little difference, you can choose one according to your own needs.

Online Demo

SOURCE download

8.jQuery Super Personalized single-line box and check box

Remember to share some of the beautiful version of the Single Box and check box, such as this pure CSS3 beautification checkbox and Radiobox button and CSS3 Custom Glow Radiobox Radio box. Today to share is also a very personalized radio box and check box plug-in, color you can define yourself.

Online Demo

SOURCE download

9.JavaScript mouse follows star falling animation

Today we're going to share an interesting JavaScript animation, which should be something that's very early in the game, especially in personalized personal blogs. This javascript mouse follow animation is some falling stars, the shape and color of the stars are also random changes, very cute.

Online Demo

SOURCE download

10.HTML5/CSS3 implementation of a variety of image filter effects

This is a picture filter effect app based on HTML5 and CSS3, and each image has a different visual effects when applied to the filter. In addition, you can switch pictures, especially in the album application, you can not only browse different pictures, but also for the same picture can have a variety of effects.

Online Demo

SOURCE download

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

10 Super Cool source animations based on HTML5+CSS3