EverWeb Widgets
Guillotine
The guillotine slides over the background image after a preset delay. The foreground image has an animated overlay with a heading, text and an optional link. Thes items can be repositioned using column and row numbers.
Images
Both images are inserted in three sizes for the various devices. The images used in the demo were sized to 1200 x 800px, 720 x 480 px and a 9:16 aspect ratio image at 375 x 667px for phones before importing into EverWeb.
Animation
Since this is a hero item the animation occurs at page load and will also animate on mobile phones.
Meter Bar
The bar can have a gradient background and the text and VU animation can be configured as a link with a hover background animation when viewed on computers.
Animation
The VU meter has controls for setting the top, center and bottom colors. The animation iteration count be set from 1 through 10 or infinite.
Bar Graph
This horizontal animated bargraph has and option heading and optional individual captions and/or labels.
The contaoner also has a fade in animation with controls for time and delay.
The bargraph can have up to 12 items - each with their own color and percentage width. The delay is staggered for each bar.
ThemeKit EZ UP
InfoThe ThemeKit EZ UP widget has an image, heading, optional styled span, text and an optional internal/external link.ImageAs can be seen from the above the image can have a border and padding to show the background color giving a frame effect.
The image is inserted in two sizes - one for computers and tablets in landscapr mode and the other for tablets in portrait mode and phones.ContainerThe container has otpions for a border and/or a bottom box shadow. The spacing controls have a separate one for the bottom which needs to be increased when the box shadow is shown.AnimationThe animation fades in and floats up when the item enters the viewport. The are controls for setting the animation time, delay and the distance that it slides up on the Y-axis.
The animation can occur once or every time the item enters the viewport. There is a checkbox to turn on the animation for mobile phones if this is deemed necessary.
ThemeKit EZ UP
ItemsEach item has an image with optional border, heading, optional span, text and an optional link.
The article can have a border and/or a bottom box shadow.
Animation
Slide UpThe slide up animation has controls for the animation time and distance up on the Y-axis.
Each item has its own controls for the delay to allow staggering.