ThemeKit Scroll

Scroll Widgets

Animation on scroll creates a better effect than the usual animation when in the viewport and will create a more unique visitor experience.

Banner Hero

Animate On Page Scroll

ThemeKit Scroll Article

A two column gird layout like this can have a lot of variations to make it look different on each page.
Image
In this case the image rotates in on the Y-axis with an initial scale of 0.60 and opacity 0.85. It has an initial negative translate value of 100 on the X-axis.
Text
The translate and the rotate values are about the same as the image but are set to a negative value.

Scroll Settings

The animate on scroll widgets have some or all of these …

Animate in view - enter, span or exit the viewport
Initial scale and initial opacity
Translate on the X-axis with a checkbox to make it negative to appear from the left
Translate on the Y-axis with a checkbox to make it negative to appear from above
Rotate on the X-axis with a checkbox to reverse the rotation using a negative angle
Rotate on the Y-axis with a checkbox to reverse the rotation using a negative angle
A perspective control to set the value in viewport width units (vw)
The items can be used without the animation by leaving the "Animate" checkbox unchecked

Scroll Banner

Variations

A fairly complex item with up to four animated items over an image in the background.

View

Scroll Cards

Two three or four cards each with their own controls for rotate, translate, initial opacity and scale.

More Info

Page Scroll

Down/Up

Easy and convenient page step scroll and scroll to anchors from the scroll menu.

More Scrolling

Scroll Hero

Image or Gradient

A hero item with scroll info and an image or two color gradient background.

Discover More

Responsive Widgets

EverWeb Widgets ThemeKit Responsive widgets use the latest advances in code and efficiency for better performance on mobile devices.
NOTE that these are responsive widgets and must NOT be inserted in the default EverWeb Responsive Row.

Use For …

These up to date widgets should be used to replace EverWeb default features, older EverWeb widgets and other thrid party widgets for the best results in terms of design and page download efficiency.