Rotate3Di is a jQuery Effect Plugin that makes it possible to do an isometric 3D flip or 3D rotation of any HTML content. It also enables custom 3D rotation animations.
Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo
Use Reveal.js to Create CSS 3D Slideshow
If you’re making an online presentation to impress your audience, you have to consider to use reveal.js. reveal.js is a CSS 3D Slideshow, it allows you to create a slick and good looking HTML presentation and in the same time utilise the latest web technologies for cool 3D slide transition. Reveal.js is a standalone javascript plugin and doesn’t rely on any external libraries.
One thing though, this javascript requires CSS 3D transforms support. That’s mean, IE won’t able to see all these fancy animation. It works really well in Safari, Chrome and Firefox. Good news is, if CSS 3D support is not detected, it will degrade gracefully and back to the 2D transitions.
Javascript media Veiwer : Shadowbox.js
Shadowbox is a web-based media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.Shadowbox was inspired by Lightbox and LightWindow.
Build A Greyscale jQuery Image Gallery
Displaying images galleries on your web pages can be very complicated, much like the jQuery modal boxes, today you will learn a very simple way to create a nice looking image gallery in CSS and jQuery.
The gallery has a main image and multiple alternative images which on the hover event will change the main image.
The CSS will be used to setup the look of the gallery and jQuery is used to change the main image with the alternative images.
Thumbnail Proximity Effect with jQuery and CSS3
Today we want to show you how to create a neat thumbnail proximity effect with jQuery. The idea is to scale thumbnails when hovering over them and also scale their neighbouring thumbnails proportionally to their distance. We’ll also make a description appear.
This is based on a request we once got from a reader who asked if the effect on http://porscheeveryday.com/ could be achieved with jQuery. This is our attempt to recreate the basics of that effect.
CSS3-Powered Presentation Framework : Impress.js
A new presentation framework is released recently -named Impress.js– which enables us to build very beautiful outputs.
Slides can be by positioned, rotated and scaled on an infinite canvas with zoom in/out and 3D effects by making use of CSS3 transforms and transitions to create the awesomeness (which makes it only compatible with WebKit and the latest Firefox + IE browsers).
And, for older browsers, Impress.js fallbacks to a standard presentation without the effects but by keeping the functionality.
Easy CSS3 & jQuery tooltips
There’s no need to explain what a tooltip is and you already know that using tooltips can help you increase usability. Therefore, in this article we’ll concentrate just on the practical side.So, today you’ll learn how to create awesome CSS3 & jQuery tooltips.
The major advantages of these tooltips are:
- the simplicity to use (as you’ll see below)
- they are animated using CSS3
Simple and effective jQuery dropdown login box
In this article, you will see how to create a good looking dropdown login form using CSS3 and a bit of jQuery.The main purpose is to avoid waiting to load a separate page in order to log in. This way you can increase user experience, as the user has the possibility to log in immediately.
