Advertise here

jQuery Plugins Tagged ‘rotate’

Quotes Rotator – Automatic Content Rotator with Progress

March 29, 2013     10456     Slider
Quotes Rotator – Automatic Content Rotator with Progress

An autoplay rotator for quotes (or any kind of content). An indicator above the content shows the progress.

A blockquote with an image is used as an example. Also, an example media query shows how to resize the content for smaller screens.

Read More »

Touch Box – jQuery Plugin for Resize, Drag & Rotate Features of iPad

January 22, 2013     5776     Mobile
Touch Box – jQuery Plugin for Resize, Drag & Rotate Features of iPad

Touch Box is a jQuery plugin that brings resize, drag & rotate features to iPad and other touch devices for DOM elements.

Touch box enabled the user to resize, drag or rotate elements of your choice on the site. This could be images, windows or design elements.

Read More »

Merging Image Boxes With jQuery

May 31, 2012     8395     Slider Gallery Effects
Merging Image Boxes With jQuery
This is a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected image. You can navigate through the images with previous and next buttons and when the big image gets clicked it will scatter into the little box shaped thumbnails again.

When the window gets resized, the positions of the thumbnails will automatically adapt to fit the screen.

Read More »

Slicebox - 3D Image Slider With Graceful Fallback

May 26, 2012     19407     Slider CSS3 & CSS Effects
Slicebox - 3D Image Slider With Graceful Fallback

Slicebox makes use of the 3D transforms properties and allows different kind of effects. The main idea is to create three-dimensional image slices that will rotate and reveal the next image as another side of the 3d object. In case the browser does not support 3D transformations, a simple slider will be used as fallback.
Please note that you can only see the cool 3d effect of Slicebox in a browser that supports those CSS3 properties.

Read More »

Arctext.js - Curving Text With Css3 and jQuery

February 21, 2012     2897     CSS3 & CSS Effects Text & String
Arctext.js - Curving Text With Css3 and jQuery

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.

Read More »