Advertise here

jQuery Plugins Tagged ‘effect’

Baraja – jQuery Plugin for Spreading Items in a Card-Like Fashion

November 14, 2012     3001     CSS3 & CSS Effects
Baraja – jQuery Plugin for Spreading Items in a Card-Like Fashion

Baraja is an experimental and fun jQuery plugin that allows to move elements in a card-like fashion and spread them like one would spread a deck of cards on a table. It uses CSS transforms for rotating and translating the items.

There are several options available that will create various spreading possibilities of the items, for example, moving the items laterally or rotating them in a fan-like way. 

Read More »

jQuery.BlackAndWhite – Convert Colored Image to Greyscale Image

November 12, 2012     5800     HTML5 Effects
jQuery.BlackAndWhite – Convert Colored Image to Greyscale Image

jQuery.BlackAndWhite plug-in can easily convert any colored image into a B&W greyscale image. It uses the the HTML5 canvas tag and a fallback for the old browsers. 

Read More »

Hover Slide Effect with jQuery

November 11, 2012     3757     Slider Effects
Hover Slide Effect with jQuery

Here you ll learn how to create a neat effect with some images using jQuery.

The main idea is to have an image area with several images that slide out when we hover over them, revealing other images. 

Read More »

jQuery Burn – Burn Effect for Text

November 11, 2012     4276     Effects Text & String
jQuery Burn – Burn Effect for Text

jQuery Burn is a plugin which adds a flame-like effect to text using multiple text-shadows, animated by repeatedly changing their horizontal offsets. 

Read More »

vintageJS – Vintage Effects for Your Images

November 09, 2012     5384     HTML5 Effects
vintageJS – Vintage Effects for Your Images

vintageJS is a jQuery plugin that uses the html5 canvas element to add a great vintage look to your photos. It comes with three effect-presets and can be customized very easily. 

Read More »

galleryFocus – jQuery Plugin That Fades Html Elements

November 05, 2012     1855     Gallery Effects
galleryFocus – jQuery Plugin That Fades Html Elements

A jQuery plugin that fades html elements based on their proximity to a source (cursor or DOM).

Read More »

jq-tiles – Slider with CSS3 Effects

October 31, 2012     6914     Slider Gallery CSS3 & CSS Effects
jq-tiles – Slider with CSS3 Effects

jq-tiles is a slideshow with many cool css3 effects.

In browsers that don't support css3 transitions classes won't be animated but some effects will still work. 

Read More »

PFold – Paper Like Unfolding Effect

October 19, 2012     6915     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     13867     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 »

jQuery.fluxoModal – jQuery Plugin Similar to Lightbox

September 25, 2012     9170     Gallery HTML5 CSS3 & CSS Effects Animation Modal & Overlay
jQuery.fluxoModal – jQuery Plugin Similar to Lightbox

jQuery.fluxoModal is a jQuery plug-in similar to lightbox. It can highlight any kind of html element inside an html modal window, blurring the background using html5 canvas, CSS3 animations and a crossbrowser fallback for IE.

Read More »

Foggy – jQuery Plugin for Blurring Page Elements

September 20, 2012     6372     CSS3 & CSS Effects
Foggy – jQuery Plugin for Blurring Page Elements

Foggy is a jQuery plugin for blurring page elements. It supports IE (8 and up), Firefox, Safari and Chrome.

Foggy by default uses the "-webkit-filter: blur" CSS attribute. If the browser doesn't support it, Foggy falls back to a manual blur. It makes several copies of the selected HTML element. It adds transparency to all copies and moves each of them by small amount, thus creating the blur effect.

Read More »

tiltShift.js – jQuery Plugin for Tilt Shift Effect

September 06, 2012     3857     CSS3 & CSS Effects
tiltShift.js – jQuery Plugin for Tilt Shift Effect

tiltShift.js is a jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6

Read More »

Quovolver – Simple jQuery Plugin for Revolving Quotes

August 15, 2012     1268     Effects
Quovolver – Simple jQuery Plugin for Revolving Quotes

Quovolver is a simple extension for jQuery that takes a group of quotes and displays them on your page in an elegant way.

Read More »

Typist jQuery Plugin

August 06, 2012     5439     Effects Text & String
Typist jQuery Plugin

Typist is a jQuery plugin that allows you to animate text as if it were being typed onto the screen. You can add animated typing text to any block element.

Read More »

FrameWarp – jQuery Plugin for Displaying Pages in a Neat Overlay

July 22, 2012     4954     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 »