Tag Archive | Experimental CSS3 Animations for Image Transitions

Canvas Slider With Prism Effect


jquery canvas slider

Canvas Slider with prism effect

Canvas Slider With Prism Effect with free download source,

A tutorial on how to create a slider with a “prism” effect using HTML5 canvas globalCompositeOperation and a layering technique. Today we’d like to show you how to build a simple slider with an interesting “prism” effect. The idea is to place a shape in front of the slider and “reflect” the images of each slide, in order to create the illusion of a prism. We’ll be using the HTML5 canvas element and plain JavaScript.

Read more
Demo
Download

jQuery Flip Book Gallery


flip book gallery

flip book animation

Read more

Demo

Download

Flip book animation,
A “look inside” book preview with BookBlock. A concept for book showcases or online book stores that shows a grid of books with the options to view the details and to look inside of the book, opening the BookBlock in fullscreen and allowing for a 3D page navigation.

jQuery Filter Gallery


jQuery filter gallery plugin

jQuery filter gallery

MixItUp filter gallery is a light-weight but powerful portfolio filter jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It’s perfect for portfolios, galleries, blogs, or any categorized or ordered content!

Read more

Demo

Download

jQuery Image and Video Gallery


jquery video gallery plugin

jquery image and video gallery plugin

Read more

Demo

Download

Multimedia Gallery for Images, Video and Audio jQuery plugin,
This multimedia gallery for images, video and audio is a progression of our previous galleries. The idea for this new gallery is to integrate video and audio as exhibit pieces along images.

3D Effect for Mobile App


animation effect with jquery

3d mobile animation effect

Read more

Demo

Download

A fancy 3D animation effect for a mobile app showcase where the app screens animate to a layered stack.

jQuery Portfolio Animation Gallery


jquery portfolio animation

jquery portfolio gallery

Read more

Demo

Download

In this tutorial today we’re going to create a horizontal portfolio layout with cool hover effects inspired by those on Guillaume Tomasi’s personal website. The website is made in Flash, so I thought it would be nice to recreate the flash hover effect of the portfolio items using CSS3 animations and transitions, and some jQuery to replicate the image pan effect on hover.

jQuery Icon Hover Effect


icon hover effect jquery plugin

icon hover animation

Read more

Demo

Download

SIMPLE ICON HOVER EFFECTS WITH JQUERY

A set of simple annular figure hover furnishings with CSS transitions and animations for your inspiration.

Windows 8 Style 3D animations with CSS3 and jQuery


windows 8 style 3d animation

windows 8 style ui animation

Read more

Demo

Download

Windows style animation jquery plugin
How to Create Windows-8-like 3D animations with CSS3 and jQuery

jQuery Animation Plugin


jquery animation plugin free

jquery plugin for animation

Read more

Demo

Download

jQuery plugin for simple but powerful sprite based animations and panning.

Free jQuery Lighting Effect


Demo

Download

jQuery car light effect
Joyride is extremely flexible and lets you take control of how people interact with your tour. We programmed it to be cross-browser compatible with modern browsers and even used some fancy CSS to avoid images. Now let’s see just how easy it is to take your first ride without getting the fuzz involved.