ThemeKit Active Rotate Image | Responsive Navigation Menu

Rotate Image 360°

The image rotates through 360° in one cycle. The oteration cout can be varied from 1 through 5 or set for continuos rotation. The rotate direction can be reversed if required.
Images
The image is inserted in two sizes for computer and mobile devices and has the option to be lazy loaded.
Caption
The caption can extend to two or more lines and has a control to moved it down from the image when the bottom box shadow is present.
Link
When the container is configured as an internal/external link the icon appears at the top right. It has controls for icon color and background.

Animation

The animationhas controls for turning it on, for the animation time and for setting a delay if required.
The animation time to complete a cycle is set in seconds and the delay in milliseconds. Checking a box reverses the rotation direction.
POV
Perspective can be added to increase the sense of realism. The smaller the value the greater the effect and a value of zero will remove it.
The value for POV (perspective) uses viewport units since this is a responsive item.
When using POV the item will tend to overlap the containers boundary. To allow for this padding is added. The top and bottom padding are set in viewport units (vmin) and the horizontal padding in pixels.

The ThemeKit Active Navigation Menu has a fixed position so it can be inserted out of the way below the footer widget on the EverWeb design canvas.
Action Tab
The tab has text and an animated icon and can be positioned in a fixed positione at the top left or right of the browser/viewing device's window.
It has controls for icon/text color, text size, background color and opacity, border radius, located left/right and for its position on the X and the Y-axis.
The text is removed when the tab is viewed on mobile phones.

Navigation Overlay & Links

The overlay has controls for background color and opacity. It slides down on click to overlay the page content with the links front and center.
The links have controls for font size, color, text align, background color and opacity and for adjusting the link spacing.
The links have a hover background animation when viewed on computers and the current page link can be indicated by a different background color.
Auto Grid
The links are contained in an auto grid layout which has controls for max width and link min width. These two settings determine the number of columns created on different browser/device window widths.
When the number of links excedes the viewing device's browser/window height any overflow will scroll into view.