ThemeKit On Scroll

ThemeKit onScroll

Animation

Animating items on scroll gives a better visitor experience than having animations occur when the item enters the viewport.

On Scroll

Animation

The most common type of animation fired when the item enters the viewport. The main disadvantage is that the animation is out of the visitor's control
.Most web designers don'tknow or care that this type of animation causes motion sickness for about 20% of the websies vistors. To allieviate this the animation time should be long and initial offset out of view of the animated items should should be kept to a minimum.
On Scroll Animation
This type of animation occurs as the page is scrolled so its effect can be controlled by the visitor in that they can scroll the page more slowly to lessen any undesirable motion effects.

More
Widgets

ThemeKit On Scroll Widgets

The widgets in this pack use three types of animation

Swing On Scroll where the item rotates on the X-axis as it is scrolled out of view
Rows of two or three items where the content is always in view but items rotate in on the X or Y-axis
Items which animate on the X and/or the Y-axis on scroll
Items which animate on the X and/or the Y-axis on scroll with a float effect

Styles

The containers can be styled with a border and/or a box shadow. The wrappers can have a solid or two color grafient nackground and have controls for top, horizontal and bottom spacing.
Extra bottom spacing is required when a bottom box shadow is inserted.
Border
When both a border and a box shadow are added to a text container a professional touch ican be added by having a control to remove the bottom border.
Link Hover
Links are more functional and better in design when they havea solid background and a background color hover animation. The animation is applied by adding a transition to the background color proerty.