Program Ape Essential 8 Web front-end development plug-in three

Source: Internet
Author: User

1.HTML5 Canvas 3D Wave tumbling animation

We've previously shared several waves and water-ripple animations based on HTML5 canvas, such as this HTML5 3D undulating animated effect and this ultra-cool HTML5 WebGL water rippling effect. Today we are going to introduce a wave-tumbling animation based on HTML5 canvas, which also has a 3D stereoscopic visual effect, while the waves are accompanied by a wave of animated effects in the undulating, which looks very cool.

Online Demo

SOURCE download

2.jQuery Share button to implement the ToolTip pop-up style

This is a more functional and beautiful jquery share button plugin, and before sharing another wave CSS3 social sharing icon can be rotated and hover and a big wave CSS3 social share icon button compared to this share button does not provide a large number of social networking site button icon, but it is characterized by clicking the Share button, The Share button is displayed in the style of the ToolTip popup and is accompanied by animated effects that sway from left to right when it pops up.

Online Demo

SOURCE download

3. Ultra-cool jquery with authentication login Form Registration login can switch freely

Today we are going to bring you a very useful jquery login form plug-in, this jquery login form is characterized by simple verification of some of the field types commonly used to register logins, such as e-mail format and mandatory check-in. Another feature is that we can register in the same page or login, so that users do not jump to the page to register or login.

Online Demo

SOURCE download

4. Pure CSS3 realize personalized smiley expression switch toggle button

Long ago, I have shared many more features of the custom switch switch button, mainly with these switch buttons to replace the browser's default Radio box and check box. This time I'll bring you another one. Based on the pure CSS3 personalized switch switch button, this "switch" is a smiley face and a cry switch small icon expression, very cute.

Online Demo

SOURCE download

5.HTML5 Canvas 3D Line bump character Avatar

Art is a magical technology, just like this HTML5 canvas avatar, just with the bump of the line, you can draw a 3D-style character Avatar. This avatar is drawn on the HTML5 canvas canvas and can be viewed in different angles as the mouse moves.

Online Demo

SOURCE download

6.HTML5 Canvas liquid flow style loading loading animation

We've previously shared many loading loading animations based on jquery and HTML5, such as this HTML5 canvas-emitting loading animation based on canvas. Today we're going to share another HTML5 canvas-based liquid flow style loading load animation, this loading animation will be loaded with liquid flow animation, and due to the contrast with the background color, but also slightly show the animated effect of light.

Online Demo

SOURCE download

7. Pure CSS3 Realization Can dance the animated tree

Before we shared a HTML5 svg-based dance flower, very cute. Today we are going to introduce a pure CSS3 implementation of the dance of the animation tree, first we use CSS3 to draw branches and leaves, note that the branch of the drawing is the use of the two-fork tree principle, at the end of the branch to draw leaves. At the same time, the branches can sway in any direction, forming a dance animation effect.

Online Demo

SOURCE download

8.jQuery front-end Verification code plug-in supports multiple authentication methods

There are many forms of Web Form verification Code, there are relatively traditional picture verification code, voice verification Code, there are more intelligent cloud verification code. Today we are going to share a jquery-based front-end verification code plug-in, this plug-in supports most forms of verification code, there are picture text, slider, etc., of course, we just save the CAPTCHA signature value on the server, you can achieve a more secure form submission validation.

Online Demo

SOURCE download

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

Program Ape Essential 8 Web front-end development plug-in three

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.