jQuery Plugins Tagged ‘CSS3 transforms’

Draggable Dual-View Slideshow

June 26, 2014     1345     Slider CSS3 & CSS
Draggable Dual-View Slideshow

An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.

Read More »

Avgrund – JS/CSS3 Modal UI Concept

March 26, 2014     2325     CSS3 & CSS Modal & Overlay
Avgrund – JS/CSS3 Modal UI Concept

Avgrund is a modal concept which aims to give a sense of depth between the page and modal layers. Uses CSS transforms to scale components and CSS filters to blur the page. Built for the fun of it, not intended for any practical use.

Read More »

Flip-Quote – Create Pull-Quote That Flips on Scroll

February 07, 2014     4103     CSS3 & CSS Scroll Effects
Flip-Quote – Create Pull-Quote That Flips on Scroll

jQuery Flip-Quote creates a pull-quote from a text quote found in the document and flips to reveal the quote once it's scrolled into view. It also has a click feature that scrolls into and highlights the quote origin on the document.

Read More »

Fit.js – Fit Things Into Other Things

January 22, 2014     2568     CSS3 & CSS Responsive
Fit.js – Fit Things Into Other Things

Fit.js has a very simple purpose and that is to help you fit things into other things.

Read More »

Impulse Slider – jQuery 3D Image Slider Plugin

July 25, 2013     6746     Slider CSS3 & CSS
Impulse Slider – jQuery 3D Image Slider Plugin

Impulse Slider is a 3D image slider jQuery plugin that takes advantage of the power of CSS3 transforms and jQuery. The goal is that anyone can simply include it in a HTML page without having to code.

Features

  • Simple to use and easy to customize CSS
  • Supported by all CSS3 enabled browsers
  • Custom transition durations
  • Custom transition effects

Read More »

S Gallery – Responsive jQuery Gallery Plugin with CSS3 Animations

July 16, 2013     6892     Gallery CSS3 & CSS Responsive
S Gallery – Responsive jQuery Gallery Plugin with CSS3 Animations

S Gallery makes use of HTML5's FullScreen API, and relies heavily on CSS3 animations goodness and CSS3 transforms, so it will work only in browsers that support these features.

Read More »

Loda Button – Buttons with Loading Animation

July 11, 2013     2039     CSS3 & CSS
Loda Button – Buttons with Loading Animation

Loda Button jQuery plugin that animates the button icon with CCS3 when loading data from the server.

The animation is created using CSS3's animation, transitions and transforms, which are supported by Chrome, Firefox, Opera, and IE10.

Read More »

Flip – Flipboard Like Effect for jQuery & jQuery Mobile

May 14, 2013     13253     CSS3 & CSS Mobile Effects
Flip – Flipboard Like Effect for jQuery & jQuery Mobile

Flip is jQuery/jQuery mobile plugin to give Flipboard app like effect. Flip effect uses css 3d transform.

Flip effect currently works on WebKit browsers (e.g. Chrome, Safari, including iOS mobile safari) or Firefox 11. It still works with other browsers but the "slide" effect will be selected forecely.

Read More »

Panzoom – jQuery Plugin for Panning & Zooming Elements with CSS3

March 20, 2013     3036     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     4889     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     1558     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     2460     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     4367     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     4088     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     5691     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 »

AdvertisementAdvertise with us!