Eight JavaScript transition effects

Source: Internet
Author: User
Tags image flip

After reading a lot, I think jquery scrollable is excellent.


 

From: http://paranimage.com/8-kinds-of-transition-effects-javascript/

Eight JavaScript transition effects, CoverFade in and fade out, flip effect, slide, zoom, and fly in/outAnd other dazzling JavaScript effects.

1. Image transitions (Demo address)

Image transitions is a tool for rotating multiple images. Provides a variety of Rotation effects, including fade-in and fade-out, sliding left and right, and shrinking.

2. jquery Fade in. Fade Out (Demo address)

This is a jquery plug-in used to make the image fade in and out.

3. imageswitch (Demo address)

Imageswitch is an easy-to-use jquery plug-in used to add some special effects for switching between multiple images. These effects include fade-in and fade-out, roll-out, fly-in and fly-out, and flip-out.

4. simplyscroll

The jquery plug-in simplyscroll allows any group of elements to have a rolling animation effect, which can be automatic, manual, and horizontal or vertical. In addition, it can also accept dynamic image input through the Flickr or a local JSON data source.

5. jquery simple transition (Demo address)

Jquery simple transition is a lightweight jquery plug-in that helps you achieve different switching effects between multiple images. For example, zoom in/out, fade in/out, and roll up or down.

6. quickflip2 (Demo address)

The jquery plug-in quickflip2 allows any HTML Tag block to be clicked to generate the effect similar to flipping a card, just like the UI animation on the iPhone.

7. Continuous Image flip (Demo address)

The image is automatically flipped, And the mouse stops the flip on the image. When you click the title, the image jumps to the specified image, and then flipped.

8. Image flip using jquery (Demo address)

Use jquery to flip images up/down/left/right.

8 JavaScript transition effects | The Palan image is collected and organized from open-open

This article uses b3log solo for Synchronous publishing from the b3log-vanessa.

Related Article

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.