ThemeKit UI

Responsive Web Page Animation

The default animations available in EverWeb are based on the Animate.css stylesheet which have been overused and abused for many years. They animate items when they appear in the viewport so the visitor has no control over them.
Motion
The widespread use of animation has brought to light the fact that about 20% of website visiotrs will suffer motion sickness with in viewport animations are not used properly.
The main downside is that the animations created using Animate.css cannot easily be removed for mobile phones where they cause confusion rather than impress!

Animation On Scroll

On scroll animations occur as the visitor scrolls the page so they have control over the intensitiy of the animation.

ThemeKit UI Scroll Images

ThemeKit UI Scroll Image 1

Swing Images On Scroll

Price: $1299

A unique way to display responsive images and add some visitor controlled animation

ThemeKit UI Scroll Image 2

Images

Lazy Load

The images are inserted in three sizes for computer, tablet and phones in portrait mode with a lazy load option.

ThemeKit UI Scroll Image 3

Caption

The scroling items are HTML5 <figure> elements so the caption is inserted in the <figcaption> as a heading, optional span and text.

ThemeKit UI Scroll Image 4

On Scroll Animation

The animation occurs as each item enters the viewport and has options for setting …
 ✱  Initial rotate angle
 ✱  Fade in from zero opacity
 ✱  Imitial rotate-X angle
 ✱  Scale up
 ✱  Animate out

ThemeKit UI Scroll Image 5

Perspective

POV

Perspective gives the illusion of depth and usually expressed as pixels. In responsive design it is more appropriate to us viewport width (vw) units.
The default vale is 250vw. Reducing this increases the effect and removes it at zero. The effect is reduced when viewed on mobile phones.