• jQuery Plugins Tagged ‘rotate’

  • Responsive Product Grid Layout

    Responsive Product Grid Layout

    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.


  • Vortex – jQuery Plugin to Display HTML Elements Elliptically

    Vortex – jQuery Plugin to Display HTML Elements Elliptically

    Vortex is a jQuery plugin which displays HTML elements elliptically, optionally rotating them. You can put any kind of element, even inputs.


  • Quotes Rotator – Automatic Content Rotator with Progress

    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.


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

    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.


  • Merging Image Boxes With jQuery

    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.
  • Slicebox - 3D Image Slider With Graceful Fallback

    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.


  • Arctext.js - Curving Text With Css3 and jQuery

    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.