EverWeb Widgets

ThemeKit POV Perspective & Reflection
Perspective &
Reflection

Image Perspective & Reflection

The image has options for both perspective view on load andr a reflection.
[A] For perspective only, set the reflection heigh to zero.
[B] For reflection only leave the animation turmed off.
Images
Since this is a single image the file is inserted in two sizes. In the demo the large image is 960 x 640px and the mobile version is 600 x 400px. Both imaes were resized and optimised before importing into EverWeb.
The image can have a border and/or a box shadow.
Caption
The caption is centered at the bottom. It has a control to adjust its position on the Y-axis and can run to two or more lines if required.
Perspective
The rotate angle can be adjusted in degrees and the direction can be switched by checking a box.
On load the image box shadow is positioned on the X and Y-axis and after the animation is complete it switches to a bottom shadow which helps to create depth to the page layout.
Animation
The animation can fire once or every time the item enters the viewport.
Animation is turned off by default on mobile phones so the image loads without perspective and shows the bottom box shadow.
If the animation is required on phones it can be turned on by checking a box.

ThemeKit POV 1
Image Reflection
ThemeKit POV 2
Perspective Animation

Two Images Perspective & Reflection

In the two omage version only one image file has to be loaded for each item since they are haly the content width and are less than half the width of the large image.
The animation direction is preset so that one animates in from the left and the other from the right.
The items share a common animation time set in seconds. The delay times can be set separately in milliseconds.