If you like this post, kindly share it with your friends. Do you know of a terrific jQuery animation resource that is not included in my list? Let us know about your thoughts on this article by adding your comments below.
3D Flipping Circle with CSS3 and jQuery – MORE INFO
In this tutorial you will learn how to create a circle with a handle which will open once the little handle is clicked. Create a realistic 3D flipping effect with the help of CSS 3D transforms, jQuery and shadows/gradients.
How to Create Login Form with CSS3 and jQuery – MORE INFO
In this tutorial you will learn how to code a cool Login Form using CSS3 and jQuery.
Create Calendar using jQuery and CSS3 – MORE INFO
Interactive menu with CSS3 & jQuery – MORE INFO
In this tutorial you will learn how to create an interactive menu using CSS3 and jQuery. Check out this jQuery animated menu!
How to Create Accordion Menu (CSS3+jQuery) – MORE INFO
In this tutorial you will learn how to create a accordion menu using CSS3 and jQuery.
Password strength verification with jQuery – MORE INFO
In this tutorial you will learn how to create a form that gives the user live feedback as to whether their password has sufficiently met the complexity requirements.
Thumbnail Proximity Effect with jQuery – MORE INFO
In this tutorial you will learn how to create a neat thumbnail proximity effect using jQuery. A nice example of image animation jquery!
How to Create a Slider Plugin with jQuery – MORE INFO
Check out this tutorial explaining How to Create a PhotoFrame Plugin with jQuery.
Change image on click with jQuery – MORE INFO
In this video tutorial you will learn how to create a nice image effect using jQuery. Image will change if you click on them.
Experimental CSS3 Animations for Image Transitions – MORE INFO
In this tutorial they share some experimental 3D image transitions with you that use CSS3 animations and jQuery. We’ll be using CSS3 3D Transforms for Webkit only. Check out the Photo Transitions at the Safari Technology Demos site, some of which we got inspired by.
Multiple Animations with Glimmer – MORE INFO
Making an Impressive Product Showcase – MORE INFO
Learn how to create a impressive product showcase with CSS3 and a little touch of jQuery.
Crafting an Animated Postcard With jQuery – MORE INFO
Experiments with background-clip: text – MORE INFO
With the CSS property “background-clip: text” (which is currently only supported in Webkit browsers), we can add a background image to a text element. Today we will experiment with it and create some fun examples by adding CSS3 transitions.
Hover and Click Trigger for Circular Elements with jQuery – MORE INFO
Applying a :hover pseudo-class to an element is widely known as the classic “hovering” over an element on a web page. A problem that arose with the introduction of the border-radius property is the non-realistic triggering of the hover event when entering the bounding box of the element and not just the actual visible area. This becomes extreme when we create a circle by setting the border-radius of a square to 50% (half of its outer width and height).
Fullscreen Image 3D Effect with CSS3 and jQuery – MORE INFO
Today we want to share one of our CSS 3D Transforms experiments with you. The idea is to show an image’s fullscreen version by rotating two blocks in three-dimensional space. The faces of the blocks being rotated to the front will show the fullscreen image.
Wave Display Effect with jQuery – MORE INFO
How cool is it to sometimes just display content a little bit differently? Today we want to share an experiment with you that let’s you show images and content in a unique form – a wave. The idea is to initially have some smaller thumbnails rotated and placed in the shape of a sine curve. When clicking on a thumbnail, we’ll “zoom” in to see a medium sized version. Clicking again will make the large content area appear; here we will show some more content.
Scrollbar Visibility with jScrollPane – MORE INFO
Sometimes it can be very useful to hide the scrollbar of elements in a website and only show it when the user really needs it. The real-time activity feed in Facebook is an example for such a behavior. Today we want to show you how to use jScrollPane and extend it with the functionality to hide the scrollbar and show it on hover.
Scrolling Clouds – MORE INFO
In this tutorial, you can learn how to make scrolling cloud effect using jQuery and jParallax. We’ll be using JQuery to take a horizontally scrolling website and add a parallax scrolling background effect reminiscent of old-school 2D platform games like Sonic the Hedgehog.
Automatic Image Montage with jQuery – MORE INFO
Arranging images in a montage like fashion can be a challenging task when considering certain constraints, like the window size when using fullscreen, the right image number to fill all the available space or also the size of the images in use. With the following script you can automatically create a montage, either for a liquid container or a fixed size container (including fullscreen), with the option to fill all the gaps.