Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > Sharing of 7 eye-catching jQuery/CSS3 special effects examples_jquery

Sharing of 7 eye-catching jQuery/CSS3 special effects examples_jquery

WBOY
Release： 2016-05-16 17:35:27
Original
1048 people have browsed it

As a WEB front-end developer, jQuery and CSS3 must be used a lot, so below I will share some special effects made by jQuery and CSS3. I hope you will like it.

1. Disc lottery based on jQuery and CSS3

This small program allows you to easily add a lottery application to your website. The application is developed based on jQuery and CSS3. The disc lottery is very fun. What did you win?


Online demo /Source code download

2. Click-to-glow button special effect realized by pure CSS3

This button is implemented based on pure CSS3. When the user clicks the button, a faint white light effect will be emitted around the button. It is a very unique button.


Online demo /Source code download

3. jQuery imitation QQ login form

This is another imitated form. This time it imitates the QQ login form. Based on jQuery, there are two methods of account login and WeChat login.


Online demo / Source code download

4. CSS3 eyes follow mouse rotation effect

This special effect is very simple. You only need to move the mouse and you will see two big eyes moving there with the mouse. It is interesting.


Online demo / Source code download

5. jQuery UI simulated icon recycle bin

This material is based on jQuery and CSS3 to simulate the function of the recycle bin. Use the mouse to drag the icon to move files out of the recycle bin.


Online demo / Source code download

6. jQuery sliding picture slideshow effect

This is a very three-dimensional picture playback effect. It plays pictures in a slideshow, with left and right arrows to play the previous and next pictures, and each picture has a reflection effect.


Online demo / Source code download

7. jQuery / CSS3 image cascading effect

This is an image stacking plug-in based on jQuery and CSS3. When the mouse slides over the image, the initially folded image will unfold like a fan, very smooth and natural


Online demo / Source code download

The above 7 CSS3 special effects that catch your eye are very cool, hurry up and collect them!

Related labels：
7款吸引人眼球的jQuery/CSS3特效
source：php.cn
Previous article：View pictures (forward and backward) function to implement js code_javascript skills Next article：jQuery judgment of password strength implementation ideas and code_javascript skills
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
3
2262
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
11
2396
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
2010
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1893
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1962
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template