Advertise here

jQuery Plugins Tagged ‘3D transform’

Bouncy Content Filter with CSS and jQuery

November 20, 2014     6891     CSS3 & CSS Animation
Bouncy Content Filter with CSS and jQuery

This space-saving content filter allows the users to switch from one category to the other in a fancy way. Each click fires the rotation of the gallery images, revealing the items belonging to the selected category.

Read More »

Meny – Three Dimensional and Space Effecient Menu

August 28, 2014     5047     CSS3 & CSS Menu
Meny – Three Dimensional and Space Effecient Menu

Meny is a three dimensional and space effecient menu. Meny works best in browsers with support for CSS 3D transforms, although it falls back on 2D animation for older browsers. Supports touch events for mobile devices.

Read More »

Kontext – Context-Shift Transition Inspired by iOS

August 25, 2014     3716     CSS3 & CSS Effects
Kontext – Context-Shift Transition Inspired by iOS

Kontext is a context-shift transition inspired by iOS. It's created using JavaScript, CSS 3D transforms and CSS Animations.

Read More »

Page Preloading Effect

August 05, 2014     9024     CSS3 & CSS Effects
Page Preloading Effect

A tutorial on how to re-create the page preloading effect seen on the website of Fontface Ninja. CSS animations, 3D transforms and SVGs used for this tutorial.

Read More »

Stroll.js – CSS3 List Scroll Effects

March 24, 2014     12400     CSS3 & CSS Scroll Effects
Stroll.js – CSS3 List Scroll Effects

stroll.js is a collection of CSS list scroll effects. Works in browsers with support for CSS 3D transforms including a special touch-enabled mode for iOS & Android 4.x.

Read More »

reveal.js – The HTML Presentation Framework

March 24, 2014     5854     Slider CSS3 & CSS
reveal.js – The HTML Presentation Framework

A framework for easily creating beautiful presentations using HTML. reveal.js comes with a broad range of features including nested slides, markdown contents, PDF export,speaker notes and a JavaScript API.

It's best viewed in a browser with support for CSS 3D transforms butfallbacks are available to make sure your presentation can still be viewed elsewhere.

Read More »

Google Grid Gallery

March 23, 2014     19326     Gallery Responsive Grid & Layout
Google Grid Gallery

A responsive Masonry grid with a gallery view using 3D Transforms. Based on the gallery seen on the Chromebook Getting Started guide by Google.

Read More »

Tilted Content Slideshow

March 14, 2014     18513     Slider CSS3 & CSS Animation
Tilted Content Slideshow

A tutorial on how to recreate the slideshow seen on the FWA landing page with 3D effects involving random animations.

Read More »

Flip – Flipboard Like Effect for jQuery & jQuery Mobile

May 14, 2013     20377     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 »

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 »

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 »

StackSlider – A Fun 3D Image Slider

December 03, 2012     9707     Slider CSS3 & CSS
StackSlider – A Fun 3D Image Slider

StackSlider is a highly experimental jQuery image slider plugin that explores a different and fun viewing concept for thumbnails, utilizing CSS 3D transforms and perspective.

The idea is to navigate through two piles of images where the transition resembles an item being lifted off from the top of the stack and moved/rotated to the center of the container to be viewed. The previously viewed image falls on the opposite stack.

Read More »

PFold – Paper Like Unfolding Effect

October 19, 2012     6920     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     13883     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 »

Triple Panel Image Slider With jQuery

August 21, 2012     6022     Slider CSS3 & CSS
Triple Panel Image Slider With jQuery

Here you ll learn how to create a jQuery triple panel image slider with a 3D look.

The idea is to have a main panel and two lateral panels that are rotated slightly in 3D space. When navigating, you will slide in the respective next image in each panel. You'll be using CSS 3D Transforms with perspective and CSS Transitions.

Read More »