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.
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.
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.
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.
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.
Foggy is a jQuery plugin for blurring page elements. It supports IE (8 and up), Firefox, Safari and Chrome.
Foggy by default uses the "-webkit-filter: blur" CSS attribute. If the browser doesn't support it, Foggy falls back to a manual blur. It makes several copies of the selected HTML element. It adds transparency to all copies and moves each of them by small amount, thus creating the blur effect.
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).
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
Tooltipster is a lightweight jQuery plugin that enables you to easily create clean, HTML5 validated tooltips.
* Supports HTML tags inside the tooltip
* Lightweight and degradable
* Extremely flexible & fast to set up
* Easily styled with 100% CSS - no images needed
* Plays nicely with IE
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.
jQuery coreUISelect is a cross browser easy to stylize select element with jQuery and CSS. Requires jQuery 1.6 or higher.
* Full customization
* Optiongroup support
* Automatic calculations
* Keyboard support
* Powerful callback functions
* Compatible with mobile devices
* Support jScrollPane plugin for customize default scrollbar
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.