A tutorial about creating Responsive Flip Pricing Table to view month or year price by using jQuery and CSS.
Flippant.js is a mini dependancy-less UI lib for flipping over DOM nodes.
iSlider is a smooth slider for Mobile WebApp, HTML5 App, Hybrid App.
Flip Out Cards is a jQuery plugin that create a dynamic multi level flip out cards.
jQuery Flip-Quote creates a pull-quote from a text quote found in the document and flips to reveal the quote once it's scrolled into view. It also has a click feature that scrolls into and highlights the quote origin on the document.
flipGallery is a free jQuery powered photo gallery with sleek flipping transitions between thumbnails and lightbox enlargements.
Other features include dynamic image streaming, auto pagination, auto cropping and transparent image overlay. It only takes a few minutes to set-up and the layout, speed, co-ordination and text can easily be modified in the settings.
FlipClock.js is a jQuery plugin with CSS3 animations to add counter, timer and clock with smooth flip effect.
Flip is jQuery/jQuery mobile plugin to give Flipboard app like effect. Flip effect uses css 3d transform.
Flip effect currently works on WebKit browsers (e.g. Chrome, Safari, including iOS mobile safari) or Firefox 11. It still works with other browsers but the "slide" effect will be selected forecely.
Flipping Circle Slideshow is an experimental concept and the idea is to flip a circle in a specific angle depending on which spot of the circle we click.
There are three different possibilities for each side: top, middle and bottom. For example, when clicking on the top right part of the image, the circle will flip in the associated angle, making it look as if we press down that part and reveal the next image that is on the back face of the circle.
BookBlock is a jQuery plugin that can be used for creating booklet-like components that allow a "page flip" navigation. Any content can be used, such as images or text. The plugin transforms the structure only when needed (i.e. when flipping a page) and uses some overlays as shadow for the pages to create more realism.
Here you ll learn how to create a little component with a realistic touch. The idea is based on the sweet paper effect found in the video of the Google Developer Stories.
We’ll create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.