ThemeKit Scroll

ThemeKit Scroll hero

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.

BannerHero

Animate On Page Scroll

ThemeKit Scroll Article

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
ThemeKit Scroll Cards 1

Scroll Banner

Variations

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

View
ThemeKit Scroll Cards 2

Scroll Cards

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

More Info
ThemeKit Scroll Cards 3

Page Scroll

Down/Up

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

More Scrolling
ThemeKit Scroll Cards 4

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.

Next Page

© EverWeb Widgets -

Menu