Advertise here

jQuery Plugins Tagged ‘CSS3 transforms’

Panzoom – jQuery Plugin for Panning & Zooming Elements with CSS3

March 20, 2013     4750     CSS3 & CSS Zoom
Panzoom – jQuery Plugin for Panning & Zooming Elements with CSS3

Panzoom is a progressive plugin to create panning and zooming functionality for an element.

Rather than setting width and height on an image tag, Panzoom uses CSS transforms and matrix functions to take advantage of hardware/GPU acceleration in the browser, which means the element can beanything: an image, a video, an iframe, a canvas, text, whatever.

Read More »

oriDomi – Fold Up DOM Elements Like Paper

March 18, 2013     7118     CSS3 & CSS Effects
oriDomi – Fold Up DOM Elements Like Paper

oriDomi is a JavaScript library for folding up any HTML element just like a paper. Oridomi has jQuery support and only works in modern browsers that support CSS 3D transforms.

oriDomi has touch support and works on iOS.

There are multiple effects provided: accordion, reveal, curl, collapse, ramp, foldUp, unfold and reset.

Read More »

jquery.transformlist – CSS3 Transform Styles and Animations for jQuery

March 07, 2013     2224     CSS3 & CSS Animation
jquery.transformlist – CSS3 Transform Styles and Animations for jQuery

jquery.transformlist is a jQuery plugin to add support for styling and correctly animating CSS3 transforms that make use of multiple transform functions.

jquery.transformlist aims to assist you in creating a transform list of several transform functions that are composited for a specific task, and then provides you with means to use jQuery.animate() between different sets of arguments for those transform functions.

Read More »

Flipping Circle Slideshow

January 28, 2013     3307     Slider CSS3 & CSS
Flipping Circle Slideshow

Flipping Circle Slideshow is an experimental concept and the idea is to flip a circle in a specific angle depending on which spot of the circle we click.

There are three different possibilities for each side: top, middle and bottom. For example, when clicking on the top right part of the image, the circle will flip in the associated angle, making it look as if we press down that part and reveal the next image that is on the back face of the circle.

Read More »

3D Image Gallery Room

January 15, 2013     6671     Gallery CSS3 & CSS
3D Image Gallery Room

3D Image Gallery Room is an experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls.

Read More »

Flyout Image Slider Using jQuery & CSS3

January 04, 2013     6022     Slider CSS3 & CSS
Flyout Image Slider Using jQuery & CSS3

There are many ways on displaying our portfolio, one of them is using grid style with slider effect for pagination. In this tutorial you ll learn how to displaying portfolio grid with flipping slider effect for pagination using jQuery & CSS3 Transform.

Read More »

Simple Effects for Drop-Down Lists

November 30, 2012     8136     CSS3 & CSS Form Elements Effects
Simple Effects for Drop-Down Lists

A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.

The idea is to transform a normal select input into something more appealing with a jQuery plugin. The expanding of the options will happen with a transition and parameters can be configured in a way to achieve unique effects.

Read More »

Adaptive Thumbnail Pile Effect with Automatic Grouping

November 21, 2012     2282     CSS3 & CSS Effects
Adaptive Thumbnail Pile Effect with Automatic Grouping

This experimental jQuery plugin allows the automatic grouping of thumbnails using a pile effect. The thumbnails will group according to their shared data-pile attribute and once clicked, the pile will disperse and its thumbnails fly to their positions. The thumbnails can be slightly rotated or positioned with a delay.

Read More »

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

November 14, 2012     3013     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 »