jQuery Plugins Tagged ‘rotate’
Responsive product grid layout that comes with some UI details for inspiration. The product will rotate showing the backside of the item when the rotate button is clicked. Some examples of how tooltips can appear on hover or click are also included.
Media queries can be used to resize the items in the grid or change the number of items in a row. Flexbox is used when supported.
- May 07, 2013
Vortex is a jQuery plugin which displays HTML elements elliptically, optionally rotating them. You can put any kind of element, even inputs.
- March 29, 2013
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.
- January 22, 2013
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.
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.
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.
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.