Advertise here

jQuery Plugins Tagged ‘transition’

Simple jQuery Popup Plugin with Transition

February 19, 2013     6397     Modal & Overlay
Simple jQuery Popup Plugin with Transition

This is a simple jQuery popup plugin with transition effect. 

Read More »

PFold – Paper Like Unfolding Effect

October 19, 2012     6920     CSS3 & CSS Effects
PFold – Paper Like Unfolding Effect

PFold is a very experimental jQuery plugin that makes it possible to open elements in a paper-like unfolding effect. An element can be unfolded in 3D in order to reveal some other content. The idea is to have several levels of folding, where each step of opening will double the element size, hence imitating a folded paper being opened. 

Read More »

Windy – jQuery Plugin for Swift Content Navigation

October 09, 2012     13884     Slider CSS3 & CSS Effects
Windy – jQuery Plugin for Swift Content Navigation

Windy is a jQuery plugin that allows a rapid navigation through a pile of items using some CSS 3D transforms and transitions. The effect of a continuous navigation flow reminds of a deck of cards or sheets flying away, hence the name.

Read More »

Vertical Showcase Slider with jQuery and CSS Transitions

October 04, 2012     13855     Slider CSS3 & CSS Responsive
Vertical Showcase Slider with jQuery and CSS Transitions
Here you ll create a very simplistic and responsive product slider for an online store or a portfolio. The idea is to have different sections in a fullscreen view: the image or preview, a navigation and the description. When navigating through the items, we will slide the preview section and the section with the description in opposite directions.

Read More »

Triple Panel Image Slider With jQuery

August 21, 2012     6024     Slider CSS3 & CSS
Triple Panel Image Slider With jQuery

Here you ll learn how to create a jQuery triple panel image slider with a 3D look.

The idea is to have a main panel and two lateral panels that are rotated slightly in 3D space. When navigating, you will slide in the respective next image in each panel. You'll be using CSS 3D Transforms with perspective and CSS Transitions.

Read More »

Adaptor – jQuery 3D Content Slider

August 09, 2012     16298     Slider Scroll Effects
Adaptor – jQuery 3D Content Slider

Adaptor is a light-weight content slider that aims to provide a simple interface for developers to create cool 2D or 3D slide animation transitions.

It has multiple options for customization including: speed of the transitions, delay between each item auto-slideshow being on/off, pauseOnHover and more.

Read More »

FrameWarp – jQuery Plugin for Displaying Pages in a Neat Overlay

July 22, 2012     4960     CSS3 & CSS Effects Modal & Overlay
FrameWarp – jQuery Plugin for Displaying Pages in a Neat Overlay

FrameWrap is a jQuery plugin for showing pages of your site with a pretty, css-driven, transition effect. It sets an API bridge for easy message passing.

– Lightweight ; it is created specifically for showing pages, not images;
– No UI, so the page feels like a dialog window;
– The page can close itself, and can also send messages to the parent window;
– Can optionally use a cache for faster subsequent page loads;
– Uses a neat

Read More »

jQuery Picture – jQuery Plugin to Help Ease the Transition to Responsive Images

June 13, 2012     2927    
jQuery Picture  – jQuery Plugin to Help Ease the Transition to Responsive Images

jQuery Picture is a tiny plugin to add support for responsive images to your layouts. It supports both figure elements with some custom data attributes and the new proposed picture format. This plugin will be made redundant when the format is approved and implemented by browsers.

Read More »

MaxImage 2.0 – jQuery Fullscreen Background Slideshow Plugin

June 12, 2012     17196     Slider CSS3 & CSS
MaxImage 2.0 – jQuery Fullscreen Background Slideshow Plugin

MaxImage 2.0 is a fullscreen background slideshow plugin that utilizes jQuery Cycle Plugin and all it’s transitions / options.

MaxImage 2.0 determines whether your browser can use CSS3′s background-size:cover. If it can, it uses it as to limit the amount of heavy lifting that jQuery has to do. That means the majority of your users will have a slim and smooth experience. That is so important with large image animations.

Read More »

Agile Carousel – jQuery Slideshow and Carousel Plugin

June 09, 2012     5864     Slider JSON Carousel
Agile Carousel – jQuery Slideshow and Carousel Plugin

Agile Carousel is a jQuery plugin that allows us to create flexible (both in function and design) slideshows and carousel.

The plugin uses JSON for the data format of the slides. You can select between "fade" or "slide" as the transition effect, duration of the transitions and intervals between each slide can all be defined.

Read More »

Mosaiqy – Viewing and Zooming Photos Plugin

June 08, 2012     8963     JSON Gallery CSS3 & CSS Zoom Tables
Mosaiqy – Viewing and Zooming Photos Plugin

Mosaiqy is a jQuery plugin for viewing and zooming photo working on Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome and IE7+. Photos are retrieved from a JSON/JSONP data structure and randomly moved inside the grid. All expensive animations are taken over by your GPU on recent browsers using CSS3 transitions, minimizing the CPU overhead.

Read More »

Fullscreen Slit Slider with jQuery and CSS3

June 05, 2012     10954     Slider CSS3 & CSS Animation
Fullscreen Slit Slider with jQuery and CSS3

A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions.

Read More »

jQuery.screen – jQuery Plugin That Manages Page Layers

June 05, 2012     2020     Scroll Effects
jQuery.screen – jQuery Plugin That Manages Page Layers

A jQuery plugin that manages page layers: what goes first, what goes next and the transition between one and other. The goal of this plugin is to provide a way to make fluid web applications that do not require loading new pages.

Read More »

jqFancyTransitions - Image Gallery With Fancy Transitions Effects

June 04, 2012     3146     Gallery Effects
jqFancyTransitions - Image Gallery With Fancy Transitions Effects

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects. jqFancyTransitions is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

Read More »

Coin Slider - Image Slider with Unique Effects

June 03, 2012     4463     Slider Effects
Coin Slider - Image Slider with Unique Effects

Coin Slider is a jQuery image slider plugin that has unique transition effects. It has a navigation box and prev-next buttons that appear on hover for easily browsing images. The slider has an optional auto-slide feature which can also pause on hovers.

Read More »