Advertise here

jQuery Plugins Tagged ‘CSS3 transforms’

Dynamic Scrolling Shadow

August 05, 2014     1809     CSS3 & CSS Scroll
Dynamic Scrolling Shadow

A tutorial about creating flat shadow effect with CSS3 transform effects and jQuery.

It showcases stories each with a content panel that gives off a nice looking flat shadow. As you scroll through the website, each individual panel dynamically shifts the shadow based on where it is in your window.

Read More »

Draggable Dual-View Slideshow

June 26, 2014     2042     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     2589     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     4490     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     2683     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     7021     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     7540     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     2173     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     14222     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     3235     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     5139     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     1602     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     2540     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     4537     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     4283     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 »

AdvertisementAdvertise with us!