Page : Image Hover Effects

Simple Hover
[st_image_effect st_image=”5754″][/st_image_effect]
Icon
[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]
Icon Group
[st_image_effect st_type=”icon-group” st_pos_layout=”-top-left” st_image=”5514″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect]

Title
[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]
Inner Full
[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]
Inner Block
[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]

Icon Layouts

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

Top Left
[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]
Top Right
[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]
Bottom left
[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]
Bottom Right
[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]
Center
[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]
Center Top
[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]
Center Bottom
[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]

Holded Icon

Top Left
[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]
Top Right
[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]
Bottom left
[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]
Bottom Right
[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]
Center
[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]
Center Top
[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]
Center Bottom
[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]

Icon Group Layouts

Top Left
[st_image_effect st_type=”icon-group” st_pos_layout=”-top-left” st_image=”5513″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect]

Top Right
[st_image_effect st_type=”icon-group” st_pos_layout=”-top-right” st_image=”5754″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect]

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

 

“]

[/st_image_effect]

Bottom Right
[st_image_effect st_type=”icon-group” st_pos_layout=”-bottom-right” st_image=”5319″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect]

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

 

“]

[/st_image_effect]

Center Top
[st_image_effect st_type=”icon-group” st_pos_layout=”-center-top” st_image=”5317″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect]

Center Bottom
[st_image_effect st_type=”icon-group” st_pos_layout=”-center-bottom” st_image=”5315″ class=”“fa” st_icon_group=”

 

“]

[/st_image_effect]

Holded Icon Group

Top Left
[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]

Top Right
[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]

Bottom left
[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]

Bottom Right
[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]

Center
[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]

Center Top
[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]

Center Bottom
[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]

Title Layouts

Top Left
[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]

Top Right
[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]

Bottom left
[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]

Bottom Right
[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]

Center
[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]

Center Top
[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]

Center Bottom
[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]

Bottom
[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]

Top
[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]

Holded Title

Top Left
[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]

Top Right
[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]

Bottom left
[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]

Bottom Right
[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]

Center
[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]

Center Top
[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]

Center Bottom
[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]

Bottom
[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]

Top
[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]

Post Discussion

Be the first to comment “Page : Image Hover Effects”

Μετάβαση στο περιεχόμενο