Advertise here

jQuery Plugins Tagged ‘CSS3’

Elegant Accordion with jQuery and CSS3

June 09, 2012     2383     CSS3 & CSS
Elegant Accordion with jQuery and CSS3

Here you will create an elegant accordion for your sites content. The idea is to have some vertical accordion tabs that slide out when hovering. You will add some CSS3 properties to enhance the looks.

Read More »

Mosaiqy – Viewing and Zooming Photos Plugin

June 08, 2012     8965     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     10956     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 »

Pep - jQuery Plugin for Kinetic Drag on Mobile/Desktop

June 02, 2012     3472     HTML5 CSS3 & CSS Mobile Drag & Drop Animation
Pep - jQuery Plugin for Kinetic Drag on Mobile/Desktop
Pep was built out of a need for kinetic drag support for both mobile and desktop devices (click & drag). It uses the best of jQuery's animate functions along with CSS3 animations to bring full-blown kinetic drag that works on all HTML5-ready devices.

Pep has built-in support for custom start, stop, rest, and drag events, constraining objects to either their parent or the window, a debugger, and the ability to customize your own kinetic easing functions.

Read More »

jmpress.js - jQuery Plugin to Build Website on the Infinite Canvas

May 30, 2012     5457     Slider CSS3 & CSS Scroll
jmpress.js - jQuery Plugin to Build Website on the Infinite Canvas
jmpress.js is a jQuery plugin to build a website on the infinite canvas. Started as a jQuery port of impress.js and utilizes the power of CSS3 transforms and transitions in modern browsers.

Read More »

IMGr - jQuery Image Rounder

May 28, 2012     1797     CSS3 & CSS Effects
IMGr - jQuery Image Rounder

IMGr is a jQuery plugin for rounding image corners. The script utilizes CSS3 in modern web browsers, and VML in Internet Explorer 8 and below.

Read More »

Slicebox - 3D Image Slider With Graceful Fallback

May 26, 2012     19470     Slider CSS3 & CSS Effects
Slicebox - 3D Image Slider With Graceful Fallback

Slicebox makes use of the 3D transforms properties and allows different kind of effects. The main idea is to create three-dimensional image slices that will rotate and reveal the next image as another side of the 3d object. In case the browser does not support 3D transformations, a simple slider will be used as fallback.
Please note that you can only see the cool 3d effect of Slicebox in a browser that supports those CSS3 properties.

Read More »

Glisse.js - jQuery Photo Viewer

May 25, 2012     2383     Slider Gallery CSS3 & CSS Effects
Glisse.js - jQuery Photo Viewer
Glisse.js is a simple, responsive and fully customizable jQuery photo viewer. You'll like the transitions between two pictures entirely assumed by CSS3.

Read More »

My Thumbnail - jQuery Thumbnail Plugin

May 21, 2012     10424     CSS3 & CSS
My Thumbnail - jQuery Thumbnail Plugin

My Thumbnail jQuery plugin creates image thumbnails on client side for multiple images in a page. My Thumbnail help you to generate uniform size images. Of course, the original aspect ratio of the picture is maintained.

If your browser support css3, you can get a best (inner) fit image for your specified thumbnail size. Also, round corner is supported for css3 capable browser.

Read More »

jQuery Transit - CSS3 Transitions for jQuery

May 10, 2012     5386     CSS3 & CSS Effects Animation
jQuery Transit - CSS3 Transitions for jQuery

jQuery Transit is a plugin that takes all the major CSS3 transitions and transformations and packages them up into one quick and easy to use plugin. Rotate on the X and Y planes, 3D Transitions, Scale and Skew, and every other possible CSS3 transformation.

Read More »

TouchTouch - A Touch Optimized Gallery Plugin

May 08, 2012     5198     Slider Gallery CSS3 & CSS Mobile
TouchTouch - A Touch Optimized Gallery Plugin

TouchTouch is a jQuery plugin that turns a collection of photos on a webpage into a touch-friendly mobile gallery. It works on all major browsers (except for IE7 and below) and most importantly is specifically designed with iOS and Android in mind.

Read More »

Timeline Portfolio with jQuery and CSS3

April 03, 2012     25148     CSS3 & CSS Media Date & Time
Timeline Portfolio with jQuery and CSS3
Timeline is a jQuery plugin specialized in showing a chronological series of events. You can embed all kinds of media including tweets, videos and maps, and associate them with a date. With some design tweaks, this will make it perfect for a portfolio in which you showcase your work and interests.

Read More »

CoverScroll jQuery Plugin

March 12, 2012     8558     Slider CSS3 & CSS Scroll
CoverScroll jQuery Plugin
CoverScroll jQuery Plugin is a CSS3 variant of the Apple's CoverFlow design pattern.

Read More »

Sequence - jQuery Slider Plugin with Infinite Style

March 07, 2012     8377     Slider CSS3 & CSS
Sequence - jQuery Slider Plugin with Infinite Style

Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme.

Read More »

Arctext.js - Curving Text With Css3 and jQuery

February 21, 2012     2934     CSS3 & CSS Effects Text & String
Arctext.js - Curving Text With Css3 and jQuery

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.

Read More »