Assemble offers up to 17 different animations which can be staggered and offset. Assemble also allows you to set the Target mode. The result is an almost endless array of settings. But perhaps the most interesting fact is that it's possible to manually choose elements and/or list classes to let the stack know which partial segments should be animated.
The whole process is relatively complicated to describe and a picture says more than a thousand words, so why don't you take a look at the Assemble demo page to see what Assemble can do. I promise that you won't be disappointed.
Stack Settings
[Animation] Type – 17 options
Speed – ms
Stagger – Adjust the total possible time between the first segment animation till the last. 1000ms would mean each segment will animate randomly in between 0 and 1000 milliseconds. Decrease this value to have the segments animate closer together
Offset – Adjust the distance from the top of the browser window the animation initializes. 100% will cause the animation to start as soon as it is inside the browser window. 30% will cause the animation to start only when the element is in the top half of the window
Target Mode – Automatic Segmented, Automatic Whole, Manual Segmented
If you're into animated page elements, Assemble offers a few innovative options which, when used sparingly, can make your page all the more interesting.
Links to the developers ® All trademarks cited on this page are the property of their respective owners.
Do you have a question regarding RapidWeaver?
Would you like help with your new project?
Would you like us to build your new RapidWeaver website?
Don’t miss a post!
Sign up for our monthly newsletter.
A monthly digest of all the latest updates from our RapidWeaver blog, keeping you up to date with the hottest new stacks and themes.
265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
Thailand 58130
We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.
This site uses Cookies to determine the best method of display in combination with your browser.
We do not harvest or sell personal information.
© rjh web design 2010—16