Image Hover Effects

[vc_row css=”.vc_custom_1422870025750{margin-bottom: 30px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422870279715{margin-bottom: 10px !important;}”]

Simple Hover

[/vc_column_text][st_image_effect st_image=”5754″][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422870286237{margin-bottom: 10px !important;}”]

Icon

[/vc_column_text][st_image_effect st_type=”icon” st_pos_layout=”-top-left” st_image=”5513″ st_class_icon=”fa-facebook” st_icon_group=”fa-facebook”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422870293260{margin-bottom: 10px !important;}”]

Icon Group

[/vc_column_text][st_image_effect st_type=”icon-group” st_pos_layout=”-top-left” st_image=”5514″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422870033129{margin-bottom: 30px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422870300994{margin-bottom: 10px !important;}”]

Title

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-top-left” st_image=”5318″ st_icon_group=”fa-facebook” st_title=”Odio auctor augue”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422870308407{margin-bottom: 10px !important;}”]

Inner Full

[/vc_column_text][st_image_effect st_type=”inner-full” st_pos_layout=”-top-left” st_image=”5315″ st_icon_group=”fa-facebook” st_title=”Diam duis lorem est imperdiet sagittis sem laoreet sociosqu porta”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422870314622{margin-bottom: 10px !important;}”]

Inner Block

[/vc_column_text][st_image_effect st_type=”inner-block” st_pos_layout=”-top-left” st_image=”5051″ st_icon_group=”fa-facebook” st_title=”Morbi per proin rutrum penatibus nascetur sed in nostra duis”][/st_image_effect][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Icon Layouts

Note! For Icons and Icon Groups you can you any of icon effects and any of439 fontawesome icon.

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888496756{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876655394{margin-bottom: 10px !important;}”]

Top Left

[/vc_column_text][st_image_effect st_type=”icon” st_pos_layout=”-top-left” st_image=”5318″ st_class_icon=”fa-facebook” st_icon_group=”fa-facebook”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876641734{margin-bottom: 10px !important;}”]

Top Right

[/vc_column_text][st_image_effect st_type=”icon” st_pos_layout=”-top-right” st_image=”5319″ st_class_icon=”fa-facebook” st_icon_group=”fa-facebook”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876677031{margin-bottom: 10px !important;}”]

Bottom left

[/vc_column_text][st_image_effect st_type=”icon” st_pos_layout=”-bottom-left” st_image=”5319″ st_class_icon=”fa-facebook” st_icon_group=”fa-facebook”][/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888504213{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888149871{margin-bottom: 10px !important;}”]

Bottom Right

[/vc_column_text][st_image_effect st_type=”icon” st_pos_layout=”-bottom-right” st_image=”5317″ st_class_icon=”fa-facebook” st_icon_group=”fa-facebook”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888179163{margin-bottom: 10px !important;}”]

Center

[/vc_column_text][st_image_effect st_type=”icon” st_pos_layout=”-top-left” st_image=”5315″ st_class_icon=”fa-facebook” st_icon_group=”fa-facebook”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888260413{margin-bottom: 10px !important;}”]

Center Top

[/vc_column_text][st_image_effect st_type=”icon” st_pos_layout=”-center-top” st_image=”5125″ st_class_icon=”fa-facebook” st_icon_group=”fa-facebook”][/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888511804{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888439003{margin-bottom: 10px !important;}”]

Center Bottom

[/vc_column_text][st_image_effect st_type=”icon” st_pos_layout=”-center-bottom” st_image=”5319″ st_class_icon=”fa-facebook” st_icon_group=”fa-facebook”][/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422894375034{margin-top: 30px !important;}”][vc_column][vc_column_text]

Holded Icon

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888496756{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876655394{margin-bottom: 10px !important;}”]

Top Left

[/vc_column_text][st_image_effect st_type=”icon” st_pos_layout=”-top-left” st_hover_hold=”hover-hold” st_image=”5125″ st_class_icon=”fa-facebook” st_icon_group=”fa-facebook”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876641734{margin-bottom: 10px !important;}”]

Top Right

[/vc_column_text][st_image_effect st_type=”icon” st_pos_layout=”-top-right” st_hover_hold=”hover-hold” st_image=”5126″ st_class_icon=”fa-facebook” st_icon_group=”fa-facebook”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876677031{margin-bottom: 10px !important;}”]

Bottom left

[/vc_column_text][st_image_effect st_type=”icon” st_pos_layout=”-bottom-left” st_hover_hold=”hover-hold” st_image=”5126″ st_class_icon=”fa-facebook” st_icon_group=”fa-facebook”][/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888504213{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888149871{margin-bottom: 10px !important;}”]

Bottom Right

[/vc_column_text][st_image_effect st_type=”icon” st_pos_layout=”-bottom-right” st_hover_hold=”hover-hold” st_image=”5051″ st_class_icon=”fa-facebook” st_icon_group=”fa-facebook”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888179163{margin-bottom: 10px !important;}”]

Center

[/vc_column_text][st_image_effect st_type=”icon” st_pos_layout=”-top-left” st_hover_hold=”hover-hold” st_image=”5052″ st_class_icon=”fa-facebook” st_icon_group=”fa-facebook”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888260413{margin-bottom: 10px !important;}”]

Center Top

[/vc_column_text][st_image_effect st_type=”icon” st_pos_layout=”-center-top” st_hover_hold=”hover-hold” st_image=”5051″ st_class_icon=”fa-facebook” st_icon_group=”fa-facebook”][/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888511804{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888439003{margin-bottom: 10px !important;}”]

Center Bottom

[/vc_column_text][st_image_effect st_type=”icon” st_pos_layout=”-center-bottom” st_hover_hold=”hover-hold” st_image=”5726″ st_class_icon=”fa-facebook” st_icon_group=”fa-facebook”][/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422894383365{margin-top: 30px !important;}”][vc_column][vc_column_text]

Icon Group Layouts

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888496756{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876655394{margin-bottom: 10px !important;}”]

Top Left

[/vc_column_text][st_image_effect st_type=”icon-group” st_pos_layout=”-top-left” st_image=”5513″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876641734{margin-bottom: 10px !important;}”]

Top Right

[/vc_column_text][st_image_effect st_type=”icon-group” st_pos_layout=”-top-right” st_image=”5754″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876677031{margin-bottom: 10px !important;}”]

Bottom left

[/vc_column_text][st_image_effect st_type=”icon-group” st_pos_layout=”-bottom-left” st_image=”5512″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888504213{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888149871{margin-bottom: 10px !important;}”]

Bottom Right

[/vc_column_text][st_image_effect st_type=”icon-group” st_pos_layout=”-bottom-right” st_image=”5319″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888179163{margin-bottom: 10px !important;}”]

Center

[/vc_column_text][st_image_effect st_type=”icon-group” st_pos_layout=”-top-left” st_image=”5318″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888260413{margin-bottom: 10px !important;}”]

Center Top

[/vc_column_text][st_image_effect st_type=”icon-group” st_pos_layout=”-center-top” st_image=”5317″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888511804{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888439003{margin-bottom: 10px !important;}”]

Center Bottom

[/vc_column_text][st_image_effect st_type=”icon-group” st_pos_layout=”-center-bottom” st_image=”5315″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422894391808{margin-top: 30px !important;}”][vc_column][vc_column_text]

Holded Icon Group

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888496756{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876655394{margin-bottom: 10px !important;}”]

Top Left

[/vc_column_text][st_image_effect st_type=”icon-group” st_pos_layout=”-top-left” st_hover_hold=”hover-hold” st_image=”5326″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876641734{margin-bottom: 10px !important;}”]

Top Right

[/vc_column_text][st_image_effect st_type=”icon-group” st_pos_layout=”-top-right” st_hover_hold=”hover-hold” st_image=”5325″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876677031{margin-bottom: 10px !important;}”]

Bottom left

[/vc_column_text][st_image_effect st_type=”icon-group” st_pos_layout=”-bottom-left” st_hover_hold=”hover-hold” st_image=”5324″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888504213{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888149871{margin-bottom: 10px !important;}”]

Bottom Right

[/vc_column_text][st_image_effect st_type=”icon-group” st_pos_layout=”-bottom-right” st_hover_hold=”hover-hold” st_image=”5323″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888179163{margin-bottom: 10px !important;}”]

Center

[/vc_column_text][st_image_effect st_type=”icon-group” st_pos_layout=”-top-left” st_hover_hold=”hover-hold” st_image=”5321″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888260413{margin-bottom: 10px !important;}”]

Center Top

[/vc_column_text][st_image_effect st_type=”icon-group” st_pos_layout=”-center-top” st_hover_hold=”hover-hold” st_image=”5320″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888511804{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888439003{margin-bottom: 10px !important;}”]

Center Bottom

[/vc_column_text][st_image_effect st_type=”icon-group” st_pos_layout=”-center-bottom” st_hover_hold=”hover-hold” st_image=”5322″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422894400469{margin-top: 30px !important;}”][vc_column][vc_column_text]

Title Layouts

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888496756{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876655394{margin-bottom: 10px !important;}”]

Top Left

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-top-left” st_image=”5051″ class=”“fa” st_icon_group=”

 

” st_title=”Pretium pretium”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876641734{margin-bottom: 10px !important;}”]

Top Right

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-top-right” st_image=”5051″ class=”“fa” st_icon_group=”

 

” st_title=”Elementum commodo”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876677031{margin-bottom: 10px !important;}”]

Bottom left

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-bottom-left” st_image=”5051″ class=”“fa” st_icon_group=”

 

” st_title=”Hendrerit facilisis”][/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888504213{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888149871{margin-bottom: 10px !important;}”]

Bottom Right

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-bottom-right” st_image=”5051″ class=”“fa” st_icon_group=”

 

” st_title=”Integer class”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888179163{margin-bottom: 10px !important;}”]

Center

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-center” st_image=”5052″ class=”“fa” st_icon_group=”

 

” st_title=”Phasellus at”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888260413{margin-bottom: 10px !important;}”]

Center Top

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-center-top” st_image=”5053″ class=”“fa” st_icon_group=”

 

” st_title=”Cubilia mattis”][/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888511804{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888439003{margin-bottom: 10px !important;}”]

Center Bottom

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-center-bottom” st_image=”5126″ class=”“fa” st_icon_group=”

 

” st_title=”Mollis porta”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422893663457{margin-bottom: 10px !important;}”]

Bottom

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-bottom” st_image=”5125″ class=”“fa” st_icon_group=”

 

” st_title=”Sit vel”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422893681782{margin-bottom: 10px !important;}”]

Top

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-top” st_image=”5126″ class=”“fa” st_icon_group=”

 

” st_title=”Phasellus at”][/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422894409515{margin-top: 30px !important;}”][vc_column][vc_column_text]

Holded Title

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888496756{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876655394{margin-bottom: 10px !important;}”]

Top Left

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-top-left” st_hover_hold=”hover-hold” st_image=”5322″ class=”“fa” st_icon_group=”

 

” st_title=”Pretium pretium”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876641734{margin-bottom: 10px !important;}”]

Top Right

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-top-right” st_hover_hold=”hover-hold” st_image=”5321″ class=”“fa” st_icon_group=”

 

” st_title=”Elementum commodo”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422876677031{margin-bottom: 10px !important;}”]

Bottom left

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-bottom-left” st_hover_hold=”hover-hold” st_image=”5320″ class=”“fa” st_icon_group=”

 

” st_title=”Hendrerit facilisis”][/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888504213{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888149871{margin-bottom: 10px !important;}”]

Bottom Right

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-bottom-right” st_hover_hold=”hover-hold” st_image=”5322″ class=”“fa” st_icon_group=”

 

” st_title=”Integer class”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888179163{margin-bottom: 10px !important;}”]

Center

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-center” st_hover_hold=”hover-hold” st_image=”5321″ class=”“fa” st_icon_group=”

 

” st_title=”Phasellus at”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888260413{margin-bottom: 10px !important;}”]

Center Top

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-center-top” st_hover_hold=”hover-hold” st_image=”5320″ class=”“fa” st_icon_group=”

 

” st_title=”Cubilia mattis”][/st_image_effect][/vc_column][/vc_row][vc_row css=”.vc_custom_1422888511804{margin-top: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422888439003{margin-bottom: 10px !important;}”]

Center Bottom

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-center-bottom” st_hover_hold=”hover-hold” st_image=”5513″ class=”“fa” st_icon_group=”

 

” st_title=”Mollis porta”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422893663457{margin-bottom: 10px !important;}”]

Bottom

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-bottom” st_hover_hold=”hover-hold” st_image=”5514″ class=”“fa” st_icon_group=”

 

” st_title=”Sit vel”][/st_image_effect][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1422893681782{margin-bottom: 10px !important;}”]

Top

[/vc_column_text][st_image_effect st_type=”title” st_pos_layout=”-top” st_hover_hold=”hover-hold” st_image=”5515″ class=”“fa” st_icon_group=”

 

” st_title=”Phasellus at”][/st_image_effect][/vc_column][/vc_row]

Post Discussion

Be the first to comment “Image Hover Effects”