Rollovers

[tm_textblock textarea_html_bkg_color=”#ffffff”]

Our themes offer 14 different rollovers. These are available for image links, video links, and our portfolio grids. Set overlay & caption color, caption position, animation duration & easing.

[/tm_textblock]

[tm_textblock textarea_html_bkg_color=”#ffffff”]


[/tm_textblock]

[tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/project-5-landscape.jpg” link_image=”use_lightbox” lightbox_toolbar_zoom_button=”true” lightbox_toolbar_share_buttons=”true” textarea_html_bkg_color=”#ffffff” caption_type=”rollover_caption” rollover_bkg_color=”rgba(0,0,0,0.5)” caption_text_color=”#ffffff” rollover_easing=”easeInOutCubic” lightbox_caption=”This is a caption”]Rollover Caption[/tm_image][tm_textblock textarea_html_bkg_color=”#ffffff”]

Fade In

[/tm_textblock]

[tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/project-33-landscape-1.jpg” link_image=”use_lightbox” lightbox_toolbar_zoom_button=”true” lightbox_toolbar_share_buttons=”true” textarea_html_bkg_color=”#ffffff” caption_type=”rollover_caption” rollover_bkg_color=”rgba(0,0,0,0.5)” caption_text_color=”#ffffff” rollover_animation=”overlay-fade-out” rollover_easing=”easeInOutCubic” lightbox_caption=”This is a caption”]Rollover Caption[/tm_image][tm_textblock textarea_html_bkg_color=”#ffffff”]

Overlay Fade Out

[/tm_textblock]

[tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/project-17-landscape.jpg” link_image=”use_lightbox” lightbox_toolbar_zoom_button=”true” lightbox_toolbar_share_buttons=”true” textarea_html_bkg_color=”#ffffff” caption_type=”rollover_caption” rollover_bkg_color=”rgba(0,0,0,0.5)” caption_text_color=”#ffffff” rollover_animation=”img-scale-in” rollover_easing=”easeInOutCubic” lightbox_caption=”This is a caption”]Rollover Caption[/tm_image][tm_textblock textarea_html_bkg_color=”#ffffff”]

Image Scale In

[/tm_textblock]

[tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/project-7-landscape.jpg” link_image=”use_lightbox” lightbox_toolbar_zoom_button=”true” lightbox_toolbar_share_buttons=”true” textarea_html_bkg_color=”#ffffff” caption_type=”rollover_caption” rollover_bkg_color=”rgba(0,0,0,0.5)” caption_text_color=”#ffffff” rollover_animation=”overlay-fade-img-scale-in” rollover_easing=”easeInOutCubic” lightbox_caption=”This is a caption”]Rollover Caption[/tm_image][tm_textblock textarea_html_bkg_color=”#ffffff”]

Overlay Fade, Image Scale In

[/tm_textblock]

[tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/project-15-landscape-large.jpg” link_image=”use_lightbox” lightbox_toolbar_zoom_button=”true” lightbox_toolbar_share_buttons=”true” textarea_html_bkg_color=”#ffffff” caption_type=”rollover_caption” rollover_bkg_color=”rgba(0,0,0,0.5)” caption_text_color=”#ffffff” rollover_animation=”overlay-fade-img-scale-out” rollover_easing=”easeInOutCubic” lightbox_caption=”This is a caption”]Rollover Caption[/tm_image][tm_textblock textarea_html_bkg_color=”#ffffff”]

Overlay Fade, Image Scale Out

[/tm_textblock]

[tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/project-6-landscape.jpg” link_image=”use_lightbox” lightbox_toolbar_zoom_button=”true” lightbox_toolbar_share_buttons=”true” textarea_html_bkg_color=”#ffffff” caption_type=”rollover_caption” rollover_bkg_color=”rgba(0,0,0,0.5)” caption_text_color=”#ffffff” rollover_animation=”overlay-slide-in-top” rollover_easing=”easeInOutCubic” lightbox_caption=”This is a caption”]Rollover Caption[/tm_image][tm_textblock textarea_html_bkg_color=”#ffffff”]

Overlay Slide In Top

[/tm_textblock]

[tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/project-34-landscape-1.jpg” link_image=”use_lightbox” lightbox_toolbar_zoom_button=”true” lightbox_toolbar_share_buttons=”true” textarea_html_bkg_color=”#ffffff” caption_type=”rollover_caption” rollover_bkg_color=”rgba(0,0,0,0.5)” caption_text_color=”#ffffff” rollover_animation=”overlay-slide-in-left” rollover_easing=”easeInOutCubic” lightbox_caption=”This is a caption”]Rollover Caption[/tm_image][tm_textblock textarea_html_bkg_color=”#ffffff”]

Overlay Slide In Left

[/tm_textblock]

[tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/project-11-landscape.jpg” link_image=”use_lightbox” lightbox_toolbar_zoom_button=”true” lightbox_toolbar_share_buttons=”true” textarea_html_bkg_color=”#ffffff” caption_type=”rollover_caption” rollover_bkg_color=”rgba(0,0,0,0.5)” caption_text_color=”#ffffff” rollover_animation=”overlay-slide-in-right” rollover_easing=”easeInOutCubic” lightbox_caption=”This is a caption”]Rollover Caption[/tm_image][tm_textblock textarea_html_bkg_color=”#ffffff”]

Overlay Slide In Right

[/tm_textblock]

[tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/project-35-landscape-1.jpg” link_image=”use_lightbox” lightbox_toolbar_zoom_button=”true” lightbox_toolbar_share_buttons=”true” textarea_html_bkg_color=”#ffffff” caption_type=”rollover_caption” rollover_bkg_color=”rgba(0,0,0,0.5)” caption_text_color=”#ffffff” rollover_animation=”overlay-slide-in-bottom” rollover_easing=”easeInOutCubic” lightbox_caption=”This is a caption”]Rollover Caption[/tm_image][tm_textblock textarea_html_bkg_color=”#ffffff”]

Overlay Slide In Bottom

[/tm_textblock]

[tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/project-18-landscape.jpg” link_image=”use_lightbox” lightbox_toolbar_zoom_button=”true” lightbox_toolbar_share_buttons=”true” textarea_html_bkg_color=”#ffffff” caption_type=”rollover_caption” rollover_bkg_color=”#232323″ caption_text_color=”#ffffff” rollover_animation=”overlay-img-slide-up” rollover_easing=”easeInOutCubic” lightbox_caption=”This is a caption”]Rollover Caption[/tm_image][tm_textblock textarea_html_bkg_color=”#ffffff”]

Overlay & Image Slide Up

[/tm_textblock]

[tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/blog-4-landscape.jpg” link_image=”use_lightbox” lightbox_toolbar_zoom_button=”true” lightbox_toolbar_share_buttons=”true” textarea_html_bkg_color=”#ffffff” caption_type=”rollover_caption” rollover_bkg_color=”#232323″ caption_text_color=”#ffffff” rollover_animation=”overlay-img-slide-left” rollover_easing=”easeInOutCubic” lightbox_caption=”This is a caption”]Rollover Caption[/tm_image][tm_textblock textarea_html_bkg_color=”#ffffff”]

Overlay & Image Slide Left

[/tm_textblock]

[tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2018/05/project-30-landscape.jpg” link_image=”use_lightbox” lightbox_toolbar_zoom_button=”true” lightbox_toolbar_share_buttons=”true” textarea_html_bkg_color=”#ffffff” caption_type=”rollover_caption” rollover_bkg_color=”#232323″ caption_text_color=”#ffffff” rollover_animation=”overlay-img-slide-right” rollover_easing=”easeInOutCubic” lightbox_caption=”This is a caption”]Rollover Caption[/tm_image][tm_textblock textarea_html_bkg_color=”#ffffff”]

Overlay & Image Slide Right

[/tm_textblock]

[tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/project-14-landscape-large.jpg” link_image=”use_lightbox” lightbox_toolbar_zoom_button=”true” lightbox_toolbar_share_buttons=”true” textarea_html_bkg_color=”#ffffff” caption_type=”rollover_caption” rollover_bkg_color=”#232323″ caption_text_color=”#ffffff” rollover_animation=”overlay-img-slide-down” rollover_easing=”easeInOutCubic” lightbox_caption=”This is a caption”]Rollover Caption[/tm_image][tm_textblock textarea_html_bkg_color=”#ffffff”]

Overlay & Image Slide Down

[/tm_textblock]

[tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/project-25-landscape.jpg” link_image=”use_lightbox” lightbox_toolbar_zoom_button=”true” lightbox_toolbar_share_buttons=”true” textarea_html_bkg_color=”#ffffff” caption_type=”rollover_caption” rollover_bkg_color=”rgba(0,0,0,0.5)” caption_text_color=”#ffffff” rollover_animation=”overlay-img-scale-in” rollover_easing=”easeInOutCubic” lightbox_caption=”This is a caption”]Rollover Caption[/tm_image][tm_textblock textarea_html_bkg_color=”#ffffff”]

Overlay & Image Scale In

[/tm_textblock]