QuickFlip allows you to flip content over to reveal more. Version 4 now allows you to even have more than two sides. It is magic! The flip animations use the most advanced animations out there to ensure smooth animations on all devices.
Upgrade Eligible
You have full control over how to interact with QuickFlip. You can flip on click, hover, scroll and on page load.
You are not limited to just 2 sides. QuickFlip will magically rotate through all of your sides and make it seem like there are only 2 sides.
You have a lot of control over the flip animations. The flip can be horizontal or vertical. You can also add lift to make the animation raise or lower into the page.
You can set the flip animation to loop. You can set it to loop infinity or a set number of times.
There is a QuickFlip swatch that can allow you to quickly create flip animations on a large number of items. This also works well with Total CMS.
You can use external controls (buttons, links, etc) in order to play, pause, flip forward or flip backwards.
{{{ summary }}}
If you hover over the cards below, you will get a small sample of the possible animations with QuickFlip 4. If you click on each demo, you can also manually trigger the animation. This behavior is configurable. You can define what animations occur on hover, hover out, click, page load and scroll into viewport.
On this demo you can see that you can flip between more than 2 sides. You can also see that you can flip more than just images. You can flip entire layouts. In this demo, you can click on the left and right sides of the containers in order to navigate backwards and forwards amongst the deck.
You could really take this concept and apply it to some really interesting scenarios. For example, what about an interesting Total CMS blog layout? Using the QuickFlip swatch, you could make each side a different blog post. Or you could have a blog grid and have QuickFlip on each individual post. When you hover over it, the image could flip to unveil the post summary.
You can create your own external controls that can play, pause, and go forward/backwards. These controls can easily target a single instance or multiple at the same time.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
The below grid is another interesting layout for QuickFlip. There are a mixed animations. Some items will flip vertically, where as others flip horizontally. As the items scroll into view, the flip animations will start at random timing. The actions are set that if you hover over an item, the animation will pause. When you hover off an item, its animation will resume. If you click the item, you can manually flip the item.
This entire layout is controlled with 2 QuickFlip swatches (one vertical, one horizontal). The Quickflip swatch allows you to animate a large set of items with just one swatch. This makes it very easy to create standard flip animations for your website.
We have recently started gathering reviews for our products. So if you don't see a review above, be the first to submit a review and let others know how you like this stack.
Uploaded by Weaver's Space
Uploaded by {{{ from }}}
© 2024 Weavers Space | Terms of Service | Privacy Policy