![]() ![]() ![]() Scroll To Fix Image The image will scroll up the page with the rest of the content until it reaches a predetermined distance from the top of the browser where it will stick. The transition time can be set to create a smooth transition from one image to the other. They can be set to crossfade on hover or on click on computers and by tapping on Touch devices. Crossfade On Hover or Click Two images are stacked one on top of the other. When used in hover mode, there is an option for a CTA link tab which can be configured as an internal or external link with new window option. The reverse side has a heading and a paragraph for more info about the image content. Image Flip The image flips on the X or Y axis on hover or on click for mobile devices. The is also a slider for adding a scale effect to the image on hover and the image can be styled with rounded corners and a box shadow and/or border. When the page is viewed on tablet devices, the link is visible on page load. Hover Link & Scale The image has a centered overlay link which appears on hover when viewed on computers. The container can be styled with a border, corner radius and box shadow if required. The image can be configured as an internal or external link with a new window option. The scale amount and the animation time can be adjusted. Zoom In On Hover The image has a scale transition on hover so that the image enlarges within the container when the cursor is over it. The image can be styled with a border and/or box shadow and can be a hyperlink to an internal or external page with a new window option. When the page is loaded on a touch device like an iPad, the caption is visible. Hover Image Caption The caption animates in when the image is hovered when viewed on computers. The info overlay has a heading and text and an optional CTA style link tab which can be configured as an internal or external hyperlink. The info button can be positioned top or bottom and left or right. Info Overlay On Click A fade in image overlay when an info button is clicked. The widget has the option to make it responsive with a maximum width setting. The link can be to an internal page or to an external one with the option to open in a new window on computers. The effect requires a tap on touch devices. View Cart Add To Cart Slide Down Overlay A transparent overlay with a heading, info text and a link tab slides down over the image on hover.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |