ThemeKit UI

Animation

ThemeKit UI Animated Image

Animated Image

Price/Date

The image is inserted in two or three sizes with optional lazy loading, It has a caption area with a heading, optional styled span. The image itself can be configured as a libk with an icon at the top right.

Animation

In viewport animation should only be used to draw attention to important items. The animation time should be fairly long to keep violent motion to a minimum for a smooth, professional entrance.
The everweb default animations are created from the Animate.css stylesheet. Thes animations have been around for a long time and have lost their "Wow" factor.Too many of the animations are NOT suitable for use and are guaranteed to drive visitors away and/or cause motion sickness.
ThemeKit UI Animations
The animations in the examples here are created using a custom, minified stylesheet with 14 animation types suitable for a professional class website.

Mobile Devcies

Animation when viewed on small mobile devices actually create confusion and denegrade the viewing experience - with exception of smooth animation in the hero item at the top of the page.
The ThemeKit UI animations are turned off for mobile phones by default.

ThemeKit UI Animated Image

Animated Image [2]

Two Images

In this example the phome portriat image has been omitted. Reduce the browsers width to minimum to see how adding a square or portrait image gives a better viewing experience.