Portfolio – Hover Styles

[mk_fancy_title color=”#333333″ size=”24″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”1″ margin_top=”40″ margin_bottom=”0″ font_family=”none” align=”center”]Portfolio Hover Styles[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”25″ thickness=”3″ margin_top=”15″ margin_bottom=”35″]

Hover styles are animations which trigger when user hovers over a portfolio item. Choose between 6 amazing hover styles for your portfolio items. These styles are available in Grid and masonry styles.

[mk_divider style=”thin_solid” margin_top=”30″ margin_bottom=”0″]
[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ font_family=”none” align=”center”]Slide Box[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ thickness=”3″ margin_top=”10″ margin_bottom=”35″][mk_portfolio style=”grid” image_size=”full” count=”3″ sortable=”false” pagination=”false” orderby=”menu_order” image_quality=”2″ disable_excerpt=”true” disable_permalink=”true”]
[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ font_family=”none” align=”center”]Fade Box[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ thickness=”3″ margin_top=”10″ margin_bottom=”35″][mk_portfolio style=”grid” hover_scenarios=”fadebox” image_size=”full” count=”3″ sortable=”false” pagination=”false” orderby=”menu_order” image_quality=”2″ disable_excerpt=”true” disable_permalink=”true”]
[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ font_family=”none” align=”center”]Zoom-In Box[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ thickness=”3″ margin_top=”10″ margin_bottom=”35″][mk_portfolio style=”grid” hover_scenarios=”zoomin” image_size=”full” count=”3″ sortable=”false” pagination=”false” orderby=”menu_order” image_quality=”2″ disable_excerpt=”true” disable_permalink=”true”]
[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ font_family=”none” align=”center”]Zoom-Out Box[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ thickness=”3″ margin_top=”10″ margin_bottom=”35″][mk_portfolio style=”grid” hover_scenarios=”zoomout” image_size=”full” count=”3″ sortable=”false” pagination=”false” orderby=”menu_order” image_quality=”2″ disable_excerpt=”true” disable_permalink=”true”]
[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ font_family=”none” align=”center”]Light Zoom-In Box[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ thickness=”3″ margin_top=”10″ margin_bottom=”35″][mk_portfolio style=”grid” hover_scenarios=”light-zoomin” image_size=”full” count=”3″ sortable=”false” pagination=”false” orderby=”menu_order” image_quality=”2″ disable_excerpt=”true” disable_permalink=”true”]
[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ font_family=”none” align=”center”]3D Slide[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ thickness=”3″ margin_top=”10″ margin_bottom=”35″][mk_portfolio style=”grid” hover_scenarios=”cube” image_size=”full” count=”3″ sortable=”false” pagination=”false” orderby=”menu_order” image_quality=”2″ disable_excerpt=”true” disable_permalink=”true”]
[mk_padding_divider size=”80″]