ThemeKit On Scroll

On Scroll Widgets

Animation

The animations created using the EverWeb default feature occur when the item enters the viewport and the visitor has no control. This type of animation can cause motion sickness if the translate distance is large and/or the duration is short.

On Scroll

The ThemeKit On Scroll Images and On Scroll Article widgets have an initial adjustable rotate angle - negative or positive. As the page is scrolled into view they rotate back to zero.
Images
The images - shown below - have an overlay caption which can be displayed on hover on computers with a hover animation.
The images have a lazy loading option which should be used if the item is not in view on page load.
Links
When the link option is selected the link icon appears at the top right of the image.
The links open internal pages.
Container Styles
The containers have controls for border width, color and radius. A bottom box shadow can be added which helps to "lift" the item off the canvas
The wrapper has can have a solid color or two color gradient background and has controls for top. horizontal and bottom spacing. When the bottom box shadow is added the container needs extra bottom padding to accomodate it.

ThemeKit On Scroll Article

On Scroll Article

Content

This article element has a heading, optional span, text and an optional link.
Both the image and the article have controls for a border and/or a box shadow.

More Info

On Scroll Images

ThemeKit On Scroll Images 1
Caption - Hover Option
ThemeKit On Scroll Images 2
Image Link

Menu