8 required web Front-end development plug-ins 3 and 8 required web Front-End Plug-ins

8 required web Front-end development plug-ins 3 and 8 required web Front-End Plug-ins
1. HTML5 Canvas 3D wave tumble Animation

We have previously shared several HTML5 Canvas-based wave and water ripple animations, such as the HTML5 3D wave ups and downs animation and the cool HTML5 WebGL water ripple effects. Today, we will introduce a wave tumble Animation Based on HTML5 Canvas. It also has a 3D 3D visual effect, while the waves are also accompanied by surging animation effects, looks cool.

Online Demo

Source code download

2. jQuery Tooltip pop-up style sharing button

This is a more practical and beautiful jQuery sharing button plug-in. Compared with the previous sharing of another wave of CSS3 social sharing icons, the icons can be rotated and hovering and a large wave of CSS3 social sharing icons, this share button does not provide Button icons for a large number of social media sites. However, when you click the share button, the share button is displayed in the style in the Tooltip pop-up box, in addition, the pop-up is accompanied by an animated Effect of Shaking left and right.

Online Demo

Source code download

3. Awesome jQuery with verification login form registration login can be freely switched

Today, we will bring you a very practical jQuery login form plug-in. This jQuery login form features simple verification of some field types frequently used for registration and login, for example, check the email format and required information. Another feature is that you can register or log on to the same page, so that you can register or log on without redirecting to the page.

Online Demo

Source code download

4. Implement the switch button for personalized smiling faces in pure CSS3

A long time ago, I shared many special custom switch buttons, which are used to replace the default single button and check box of the browser. This time I will bring you another personalized switch button based on pure CSS3. This switch is a small icon expression for switching between smiling faces and crying faces. It is very cute.

Online Demo

Source code download

5. HTML5 Canvas 3D line concave and convex character avatar

Art is a magic technology. Just like this HTML5 Canvas Avatar, you can draw a 3D profile picture with just the concave and convex orientation of the line. The Avatar is drawn on the HTML5 Canvas and can be viewed from different angles as the mouse moves.

Online Demo

Source code download

6. HTML5 Canvas liquid flow style Loading Animation

We have previously shared many Loading animations Based on jQuery and HTML5. For example, this HTML5 Canvas luminous Loading animation is based on Canvas. Today we will share another HTML5 Canvas-based liquid flow style Loading animation, which will display the liquid flow animation effect during Loading, in addition, because of the comparison with the background color, it also slightly presents the animated effect of light.

Online Demo

Source code download

7. Implement dancing animation tree with pure CSS3

We previously shared a cute dance flower Based on HTML5 SVG. Today, we want to introduce a dancing animated tree implemented by pure CSS3. First, we use CSS3 to draw branches and leaves. Note that the tree painting method uses the binary tree principle, draw leaves at the end of a tree branch. At the same time, branches can swing in any direction to form an animated dance effect.

Online Demo

Source code download

8. jQuery front-end Verification Code plug-in supports multiple verification methods

There are currently many forms of web form verification codes, such as traditional image verification codes, voice verification codes, and intelligent cloud verification codes. Today, we will share a jQuery-based front-end Verification Code plug-in that supports most forms of verification code, including image text and slider methods, of course, we only need to save the verification code feature value on the server to implement safer form submission and verification.

Online Demo

Source code download

• Fixed Link: http://www.i7758.com/archives/2817.html