tram.js is cross-browser CSS3 transitions in JavaScript. The idea behind Tram is to take the performance and flexibility of CSS transitions and define them in JavaScript - offering a more powerful, expressive API with auto-stopping, sequencing, and cross-browser fallbacks.
A tutorial about "Building a mosaic transition effect between two photos using jQuery". Tutorial includes 2 demo page with different mosaic transition effect.
An article on how to achieve Medium’s next page transition effect—an effect that can be seen by clicking anywhere on the “Read Next” footer at the bottom of the page. This effect is characterized by the lower article easing upward as the current article fades up and out.
Magic Move is a jQuery plugin to do transitions between DOM states.
Magic Move is a better way of doing transitions and, rather than hard coding positions, delegate layout to the browser.
FerroMenu is a free jQuery plugin that allows you to create animatable, responsive, user and mobile friendly bubble menus in a cool way and drag them through the screen.
With sevaral options you can customize the behaviuor of FerroMenu. It can be dragged around the screen, or you can set the transition time, delay and easing.
slidr.js is a simple, lightweight javascript library for adding slide transitions to your page. No dependencies required.
Slides can contain any html content, no restrictions.
A template for a split layout with two sides. When clicking on a half in the initial view, the layout moves into the respective direction with some transition effects.
Minimit Anima is a jQuery plugin to animate with transforms and transitions.
It's built to have fast animation execution, and it has an api similar to jquery animate, with animations queueing.
jGallery is a customizable jQuery photo gallery with albums and preloader.
Features
Juicy Slider is a responsive slider/slideshow plugin for jQuery. Unlike other plugins that rely on CSS3 support of browser, this plugin adjusts image size by computing the corresponding aspect ratio of images and viewport using javascript. This makes it compatible with older browsers and more consistent.
The current release uses jQuery UI to set its transition effects.
elementTransitions.jsis a wrapper around the code provided by codrops article on page transitions. Their code has been modified to allow more than one animatable element per page. Additionally, you can now add transitions straight from html tags.
Responsive_DG_Slider is full screen responsive image slider powered by the fantastic java-script library jQuery. It is flexible and it has different transition effects. Also With a nice and simple design it adjusted automatically to the width of your browser screen.
jQuery Content Panel Switcher is a simple and lightweight jQuery plugin that allows smooth transitioning of content in and out of panels located anywhere on the page.
You can have single or multiple content switching panels on a single page Content panels can be either span
or div
elements, and the buttons used to switch the content can be just about anything, so long as they have the right clases assigned.
JResponsive is a simple jQuery plugin that allows you to add a dynamically-resized layout to any page or element, customize the layout the way you want with or without top,right,left or bottom navigations.
JResponsive will organize your content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will arrange its children in a layout that makes optimal use of screen space, by "packing" them in tightly.
jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. Cycle Plugin provides many options for customizing your slideshow.
It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more.