jQuery Plugins Tagged ‘CSS3’

oriDomi – Fold Up DOM Elements Like Paper

March 18, 2013     4885     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 »

Create an Animated Bar Graph with CSS and jQuery

March 12, 2013     5572     CSS3 & CSS Chart & Graph
Create an Animated Bar Graph with CSS and jQuery

Nice tutorial from Smashing Magazine about "Creating an Animated bar Graph with CSS And jQuery". 

What this tutorial is making?

  • A progress bar that indicates how long until the end of all humanity in the event of a zombie plague;
  • A graph indicating the decline in safe outdoor activities during a zombie plague;
  • A frighteningly similar graph indicating the decline in manners during a zombie plague;
  • The increase of people who were unaware of the zombie plague because they were sharing with all of their now-deceased friends on Facebook what they did on FarmVille

Read More »

Fancy Input – CSS3 Text Typing Effects for Input Fields

March 08, 2013     3871     CSS3 & CSS Form Elements Effects
Fancy Input – CSS3 Text Typing Effects for Input Fields

Fancy Input is a jQuery plugin that makes typing & deleting in input / Textarea fields exciting with CSS3 effects.

  • Supports input (type text) and textarea form elements
  • Add effects to each letter being typed / deleted
  • All effects are highly customizable via CSS
  • Default effects are CSS3 hardware accelerated
  • Tries to simulates real input / textarea as much as possible

Read More »

jquery.transformlist – CSS3 Transform Styles and Animations for jQuery

March 07, 2013     1555     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 »

How to Create a jQuery Confirm Dialog Replacement

March 01, 2013     19710     CSS3 & CSS Modal & Overlay
How to Create a jQuery Confirm Dialog Replacement

In this tutorial you are going to build a cross-browser, custom confirm dialog in the form of an easy to use jQuery plugin. You can choose the text, buttons, and actions that will be executed when they are clicked.

Read More »

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

February 25, 2013     7555     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     3726     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     4034     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     8155     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     2460     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     4360     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     3365     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     4083     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     2001     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     3708     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 »

AdvertisementAdvertise with us!