Advertise here

jQuery Plugins Tagged ‘CSS3’

How to Create Windows-8-like 3D Animations with CSS3 and jQuery

February 25, 2013     9951     CSS3 & CSS
How to Create Windows-8-like 3D Animations with CSS3 and jQuery

Tutorial about "How to Create Windows-8-like 3D Animations with CSS3 and jQuery"

The demo works in the latest versions of all browsers, including IE10.

Read More »

Looper.js – Lightweight Carousel jQuery Plugin

February 08, 2013     5691     Slider CSS3 & CSS Carousel
Looper.js – Lightweight Carousel jQuery Plugin

Looper.js is an intuitive, lightweight carousel jQuery plugin.

Cycle through your content without writing a single line of Javascript. To keep things simple, transition effects are optional and have been limited to slide and cross-fade. In browsers that don't support CSS transitions, jQuery's animate is used.

Keyboard navigation is available when the element has focus. Simply use the left/right arrows keys.

Read More »

GFX – 3D CSS3 Animation Library for jQuery

February 04, 2013     6000     CSS3 & CSS Animation
GFX – 3D CSS3 Animation Library for jQuery

GFX is an 3D CSS3 animation library that extends jQuery with some useful functionality for programmatically creating CSS3 transitions.

CSS3 transitions are superior to manual ones (using setTimeout) since they're hardware accelerated, something particularly noticeable on mobile devices.

Read More »

Textillate.js – Simple jQuery Plugin for CSS3 Text Animations

January 30, 2013     11241     CSS3 & CSS Animation Text & String
Textillate.js – Simple jQuery Plugin for CSS3 Text Animations

Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text.

Read More »

Flipping Circle Slideshow

January 28, 2013     3305     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     6670     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 »

sBubble – jQuery CSS3 Tooltip Plugin

January 14, 2013     6336     CSS3 & CSS Tooltip
sBubble – jQuery CSS3 Tooltip Plugin

sBubble is a jQuery tooltip plugin which is totally based on CSS3 for shapes and animations. Yes no images used and no jQuery code used for animation. Plus some color themes are also provided.

Read More »

Flyout Image Slider Using jQuery & CSS3

January 04, 2013     6022     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 »

How to Create Simple Multi-Item Slider with jQuery and CSS3

December 31, 2012     2937     Slider CSS3 & CSS
How to Create Simple Multi-Item Slider with jQuery and CSS3

A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.

Read More »

Pie Menu – Path Menu with jQuery and CSS3

December 30, 2012     6007     CSS3 & CSS Menu
Pie Menu – Path Menu with jQuery and CSS3

Pie Menu is a simple configurable Path Menu written in jQuery and CSS3.

Read More »

Photobox – CSS3 Image Gallery jQuery Plugin

December 25, 2012     4351     Gallery CSS3 & CSS Zoom
Photobox – CSS3 Image Gallery jQuery Plugin

Photobox is a lightweight image gallery modal window script which uses CSS3 heavily for silky-smooth animations and transitions. The goal was to great an image gallery script that utilizes GPU rending instead is the 90% scripts out there which are using javascript to move things around the old fashioned way.

Supports: Firefox, Chrome and IE9+ (works in an ugly way which the users deserve)

Read More »

Live Album Previews with CSS3 and jQuery

December 22, 2012     1969     Slider CSS3 & CSS Effects
Live Album Previews with CSS3 and jQuery

Here you will make a script for previewing the contents of an album with a slideshow-like animation. This can be used in photo galleries, online shops, profile pages and more. The example is inspired by Facebook, where you hover over an album and get a slideshow of some of the photos contained inside it.

Read More »

StackSlider – A Fun 3D Image Slider

December 03, 2012     9705     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 »

Simple Effects for Drop-Down Lists

November 30, 2012     8135     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 »

Adaptive Thumbnail Pile Effect with Automatic Grouping

November 21, 2012     2281     CSS3 & CSS Effects
Adaptive Thumbnail Pile Effect with Automatic Grouping

This experimental jQuery plugin allows the automatic grouping of thumbnails using a pile effect. The thumbnails will group according to their shared data-pile attribute and once clicked, the pile will disperse and its thumbnails fly to their positions. The thumbnails can be slightly rotated or positioned with a delay.

Read More »