ThemeKit Active

Animated Images

The images are inserted in a two column grid with varianle column widths. The images have caption and be configured as internalor external links.
The images can be styled with a border and/or a bottom box shadow and have controls for adjusting the column gap above the breakpoint and the row gap below it.
The caption can run to two or more lines, can be aligned horizontally left, center or right and has controls for horizontal and vertical inset.
The link icon appears at the top right and inherits the caption's color and background color.
Both the images and the captions have their own animation controls …

  • Checkbox to turn on the animation
  • Selector to set the animation type
  • Animation time set in milliseconds
  • Animation delay set in milliseconds

Lazy Loading

All images on a responsive web page should be lazy loaded if they do not appear in the viewport at page load.

Active Cards

ThemeKit Active Cards

Active Cards

Animation

The cards can be individual animated with a choice of over 20 custom animation types.
The animations are created using a minified custom stylesheet for maximum performance on mobile devices.

Previous Page
ThemeKit Active Cards 2

Content

The cards have an image with lazy load option, a heading, an optional span, descriptive text and an internal link.
The card can have a border and/or a bottom box shadow and the horizontal and vertical spacing can be adjusted.

Next Page

Cards

The ThemeKit Active Cards widget creates a grid with two, three or four items each with their own animation.
Each item can have a different animatiom and/or delay to give a progressive loading effect.
The animations occur when the item enters the viewport. Animation is prevented on mobile phones by defaultsince this just creates confusion. It can be turned on if necessary.
Lazy Loading
Any item on a responsive web page with an image or a video should have a lazy loading function. Turn it on if the the item is not in view at page load.

© EverWeb Widgets -

Menu