Advertise here

jQuery Plugins Tagged ‘CSS3’

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

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

jq-tiles – Slider with CSS3 Effects

October 31, 2012     6422     Slider Gallery CSS3 & CSS Effects
jq-tiles – Slider with CSS3 Effects

jq-tiles is a slideshow with many cool css3 effects.

In browsers that don't support css3 transitions classes won't be animated but some effects will still work. 

Read More »

PFold – Paper Like Unfolding Effect

October 19, 2012     6751     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     13507     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 »

jQuery.fluxoModal – jQuery Plugin Similar to Lightbox

September 25, 2012     8909     Gallery HTML5 CSS3 & CSS Effects Animation Modal & Overlay
jQuery.fluxoModal – jQuery Plugin Similar to Lightbox

jQuery.fluxoModal is a jQuery plug-in similar to lightbox. It can highlight any kind of html element inside an html modal window, blurring the background using html5 canvas, CSS3 animations and a crossbrowser fallback for IE.

Read More »

Avgrund Modal jQuery Plugin

September 07, 2012     5907     CSS3 & CSS Modal & Overlay
Avgrund Modal jQuery Plugin

Avgrund is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations (e.g. in IE 6-9 has standard behavior).

Read More »

tiltShift.js – jQuery Plugin for Tilt Shift Effect

September 06, 2012     3664     CSS3 & CSS Effects
tiltShift.js – jQuery Plugin for Tilt Shift Effect

tiltShift.js is a jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6

Read More »

Parallax Content Slider with CSS3 and jQuery

August 22, 2012     23026     Slider CSS3 & CSS Effects
Parallax Content Slider with CSS3 and jQuery

Here you ll learn how to create a simple parallax content slider. Using CSS animations, you’ll control the animation of each single element in the slider and create a parallax effect by animating the background of the slider itself.

Read More »

Triple Panel Image Slider With jQuery

August 21, 2012     5780     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 »

3D Flipping Circle with CSS3 and jQuery

July 23, 2012     4380     CSS3 & CSS
3D Flipping Circle with CSS3 and jQuery

Here you ll learn how to create a little component with a realistic touch. The idea is based on the sweet paper effect found in the video of the Google Developer Stories.

We’ll create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.

Read More »

Sweet Tooltip - jQuery & CSS3 Tooltips

July 11, 2012     3245     CSS3 & CSS Tooltip
Sweet Tooltip - jQuery & CSS3 Tooltips

Sweet Tooltip is a jQuery & CSS3-based tooltip, not merely a one-style tooltip but seven. This imageless tooltips are crafted using CSS power, linear-gradient, box-shadow, text-shadow, :after and :before selector, etc.

Read More »

RefineSlide – Responsive Image Slider With CSS3 Effects

June 27, 2012     16467     Slider CSS3 & CSS Animation
RefineSlide – Responsive Image Slider With CSS3 Effects
RefineSlide is a 3D transform/CSS transition-enabled jQuery plugin for displaying responsive, image-based content with shiny animations.

Read More »

3D Thumbnail Hover Effects with CSS3 and jQuery

June 24, 2012     9068     CSS3 & CSS Effects
3D Thumbnail Hover Effects with CSS3 and jQuery

Here you will create some exciting 3D hover effects using CSS3 and jQuery. This idea is inspired by the cool hover effect that you can find on the page of the Google SketchUp Showcase.

We’ll use thumbails that will reveal some more information on hover. We will create a structure with jQuery that will allow making the image appear as folded or bended when we hover

Read More »

Slide Down Box Menu with jQuery and CSS3

June 13, 2012     11148     CSS3 & CSS Menu Effects
Slide Down Box Menu with jQuery and CSS3

Here you will create sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. The submenu will slide to the left or to the right depending on which menu item we are hovering.

Read More »

MaxImage 2.0 – jQuery Fullscreen Background Slideshow Plugin

June 12, 2012     16595     Slider CSS3 & CSS
MaxImage 2.0 – jQuery Fullscreen Background Slideshow Plugin

MaxImage 2.0 is a fullscreen background slideshow plugin that utilizes jQuery Cycle Plugin and all it’s transitions / options.

MaxImage 2.0 determines whether your browser can use CSS3′s background-size:cover. If it can, it uses it as to limit the amount of heavy lifting that jQuery has to do. That means the majority of your users will have a slim and smooth experience. That is so important with large image animations.

Read More »

AdvertisementAdvertise with us!