Advertise here

jQuery Plugins Tagged ‘CSS3 transforms’

Image Mask Effect with CSS & jQuery

February 15, 2017     2296     CSS3 & CSS Effects
Image Mask Effect with CSS & jQuery

An immersive transition effect powered by image masks and CSS transforms using jQuery.

Read More »

Split 3D Carousel with Javascript

January 19, 2017     2989     CSS3 & CSS Carousel
Split 3D Carousel with Javascript

A tutorial about creating 3D carousel with a split panel transition in three dimensions by using javascript and css3 transform effects.

Read More »

impress.js – Presentation Framework Based On CSS3

February 25, 2015     1752     CSS3 & CSS
impress.js – Presentation Framework Based On CSS3

impress.js is a presentation framework based on the power of CSS3 transforms and transitions in modern browsers.

Read More »

Snabbt.js – Minimalistic Animation Library in Javascript

January 06, 2015     1663     CSS3 & CSS Animation
Snabbt.js – Minimalistic Animation Library in Javascript

snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices.

Read More »

3D Rotating Navigation

December 03, 2014     7646     CSS3 & CSS Menu
3D Rotating Navigation

A 3D rotating navigation, powered by CSS transformations and jQuery.

Read More »

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 »

Dynamic Scrolling Shadow

August 05, 2014     5051     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     4679     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     3771     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     7184     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     3363     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     9474     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     13100     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     3688     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     20380     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 »