Portfolio hover effects

[vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »grid » oblique_section= »no » text_align= »center » triangle_shape= »no » padding_top= »74″ padding_bottom= »53″ css_animation= » » box_shadow_on_row= »no »][vc_column][vc_column_text]

Roll Over Hover Effect

[/vc_column_text][vc_separator type= »small » position= »center » color= »#dadada » border_style= »solid » width= »25″ thickness= »2″ up= »18″ up_style= »px » down= »43″ down_style= »px »][no_portfolio_list type= »text_on_hover_image » box_shadow= »no » columns= »3″ order_by= »date » order= »DESC » show_title= »yes » title_font_size= »22″ portfolio_link_pointer= »lightbox » separator= »no » category= »classic » show_load_more= »no » number= »3″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »grid » oblique_section= »no » text_align= »center » triangle_shape= »no » background_color= »#f7f7f7″ padding_top= »74″ padding_bottom= »53″ css_animation= » » box_shadow_on_row= »no »][vc_column][vc_column_text]

Subtle Vertical Hover Effect

[/vc_column_text][vc_separator type= »small » position= »center » color= »#dadada » border_style= »solid » width= »25″ thickness= »2″ up= »18″ up_style= »px » down= »43″ down_style= »px »][no_portfolio_list type= »text_on_hover_image » hover_type_text_on_hover_image= »subtle_vertical_hover » box_shadow= »no » columns= »3″ image_size= »landscape » order_by= »date » order= »DESC » show_icons= »no » show_title= »yes » title_font_size= »22″ portfolio_link_pointer= »lightbox » separator= »no » category= »classic » show_load_more= »no » number= »3″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »grid » oblique_section= »no » text_align= »center » triangle_shape= »no » background_color= »#f7f7f7″ padding_top= »74″ padding_bottom= »53″ css_animation= » » box_shadow_on_row= »no »][vc_column][vc_column_text]

Split up Hover Effect

[/vc_column_text][vc_separator type= »small » position= »center » color= »#dadada » border_style= »solid » width= »25″ thickness= »2″ up= »18″ up_style= »px » down= »43″ down_style= »px »][no_portfolio_list type= »text_on_hover_image » hover_type_text_on_hover_image= »split_up » box_shadow= »no » columns= »3″ image_size= »landscape » order_by= »date » order= »DESC » show_icons= »no » show_title= »yes » title_color= »#ffffff » title_font_size= »22″ portfolio_link_pointer= »lightbox » separator= »no » category_color= »#ffffff » category= »classic » show_load_more= »no » number= »3″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »grid » oblique_section= »no » text_align= »center » triangle_shape= »no » padding_top= »74″ padding_bottom= »53″ css_animation= » » box_shadow_on_row= »no »][vc_column][vc_column_text]

Slide up Hover Effect

[/vc_column_text][vc_separator type= »small » position= »center » color= »#dadada » border_style= »solid » width= »25″ thickness= »2″ up= »18″ up_style= »px » down= »43″ down_style= »px »][no_portfolio_list type= »text_on_hover_image » hover_type_text_on_hover_image= »slide_up_hover » box_shadow= »no » columns= »3″ image_size= »landscape » order_by= »date » order= »DESC » show_icons= »no » show_title= »yes » title_font_size= »22″ portfolio_link_pointer= »lightbox » separator= »no » category= »classic » show_load_more= »no » number= »3″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »grid » oblique_section= »no » text_align= »center » triangle_shape= »no » background_color= »#f7f7f7″ padding_top= »74″ padding_bottom= »53″ css_animation= » » box_shadow_on_row= »no »][vc_column][vc_column_text]

Circle Hover Effect

[/vc_column_text][vc_separator type= »small » position= »center » color= »#dadada » border_style= »solid » width= »25″ thickness= »2″ up= »18″ up_style= »px » down= »43″ down_style= »px »][no_portfolio_list type= »text_on_hover_image » hover_type_text_on_hover_image= »circle_hover » box_shadow= »no » columns= »3″ image_size= »landscape » order_by= »date » order= »DESC » show_icons= »no » show_title= »yes » title_font_size= »22″ portfolio_link_pointer= »lightbox » separator= »no » category= »classic » show_load_more= »no » number= »3″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »grid » oblique_section= »no » text_align= »center » triangle_shape= »no » padding_top= »74″ padding_bottom= »53″ css_animation= » » box_shadow_on_row= »no »][vc_column][vc_column_text]

Text Before Hover Effect

[/vc_column_text][vc_separator type= »small » position= »center » color= »#dadada » border_style= »solid » width= »25″ thickness= »2″ up= »18″ up_style= »px » down= »43″ down_style= »px »][no_portfolio_list type= »text_before_hover » hover_type_text_before_hover= »prominent_plain_hover » box_shadow= »no » columns= »3″ order_by= »date » order= »DESC » show_icons= »no » show_title= »yes » title_font_size= »22″ portfolio_link_pointer= »lightbox » separator= »yes » category= »classic » show_load_more= »no » number= »3″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »grid » oblique_section= »no » text_align= »center » triangle_shape= »no » background_color= »#f7f7f7″ padding_top= »74″ padding_bottom= »53″ css_animation= » » box_shadow_on_row= »no »][vc_column][vc_column_text]

Text Slides with Image Hover Effect

[/vc_column_text][vc_separator type= »small » position= »center » color= »#dadada » border_style= »solid » width= »25″ thickness= »2″ up= »18″ up_style= »px » down= »43″ down_style= »px »][no_portfolio_list type= »text_on_hover_image » hover_type_text_on_hover_image= »text_slides_with_image » box_shadow= »no » columns= »3″ image_size= »landscape » order_by= »date » order= »DESC » show_icons= »no » show_title= »yes » title_color= »#ffffff » title_font_size= »22″ portfolio_link_pointer= »lightbox » separator= »no » category_color= »#ffffff » category= »classic » show_load_more= »no » number= »3″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »grid » oblique_section= »no » text_align= »center » triangle_shape= »no » padding_top= »74″ padding_bottom= »53″ css_animation= » » box_shadow_on_row= »no »][vc_column][vc_column_text]

Slide From Left Hover Effect

[/vc_column_text][vc_separator type= »small » position= »center » color= »#dadada » border_style= »solid » width= »25″ thickness= »2″ up= »18″ up_style= »px » down= »43″ down_style= »px »][no_portfolio_list type= »text_on_hover_image » hover_type_text_on_hover_image= »icons_bottom_corner » box_shadow= »no » columns= »3″ image_size= »landscape » order_by= »date » order= »DESC » show_icons= »no » show_title= »yes » title_color= »#ffffff » title_font_size= »22″ portfolio_link_pointer= »lightbox » separator= »no » category_color= »#ffffff » category= »classic » show_load_more= »no » number= »3″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »grid » oblique_section= »no » text_align= »center » triangle_shape= »no » background_color= »#f7f7f7″ padding_top= »74″ padding_bottom= »53″ css_animation= » » box_shadow_on_row= »no »][vc_column][vc_column_text]

Opposite Corners Hover Effect

[/vc_column_text][vc_separator type= »small » position= »center » color= »#dadada » border_style= »solid » width= »25″ thickness= »2″ up= »18″ up_style= »px » down= »43″ down_style= »px »][no_portfolio_list type= »text_on_hover_image » hover_type_text_on_hover_image= »opposite_corners_hover » box_shadow= »no » columns= »3″ image_size= »landscape » order_by= »date » order= »DESC » show_icons= »no » show_title= »yes » title_color= »#ffffff » title_font_size= »22″ portfolio_link_pointer= »lightbox » separator= »no » category_color= »#ffffff » category= »classic » show_load_more= »no » number= »3″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »grid » oblique_section= »no » text_align= »center » triangle_shape= »no » padding_top= »74″ padding_bottom= »53″ css_animation= » » box_shadow_on_row= »no »][vc_column][vc_column_text]

Image Text Zoom Hover Effect

[/vc_column_text][vc_separator type= »small » position= »center » color= »#dadada » border_style= »solid » width= »25″ thickness= »2″ up= »18″ up_style= »px » down= »43″ down_style= »px »][no_portfolio_list type= »text_on_hover_image » hover_type_text_on_hover_image= »image_text_zoom_hover » box_shadow= »no » columns= »3″ image_size= »landscape » order_by= »date » order= »DESC » show_icons= »no » show_title= »yes » title_color= »#ffffff » title_font_size= »22″ portfolio_link_pointer= »lightbox » separator= »no » category_color= »#ffffff » category= »classic » show_load_more= »no » number= »3″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »grid » oblique_section= »no » text_align= »center » triangle_shape= »no » background_color= »#f7f7f7″ padding_top= »74″ padding_bottom= »53″ css_animation= » » box_shadow_on_row= »no »][vc_column][vc_column_text]

Cursor Change Hover Effect

[/vc_column_text][vc_separator type= »small » position= »center » color= »#dadada » border_style= »solid » width= »25″ thickness= »2″ up= »18″ up_style= »px » down= »43″ down_style= »px »][no_portfolio_list type= »text_on_hover_image » hover_type_text_on_hover_image= »cursor_change_hover » box_shadow= »no » columns= »3″ image_size= »landscape » order_by= »date » order= »DESC » show_icons= »no » show_title= »yes » title_color= »#ffffff » title_font_size= »22″ portfolio_link_pointer= »lightbox » separator= »no » category_color= »#ffffff » category= »classic » show_load_more= »no » number= »3″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »grid » oblique_section= »no » text_align= »center » triangle_shape= »no » padding_top= »74″ padding_bottom= »53″ css_animation= » » box_shadow_on_row= »no »][vc_column][vc_column_text]

Animated Border Hover Effect

[/vc_column_text][vc_separator type= »small » position= »center » color= »#dadada » border_style= »solid » width= »25″ thickness= »2″ up= »18″ up_style= »px » down= »43″ down_style= »px »][no_portfolio_list type= »text_on_hover_image » hover_type_text_on_hover_image= »border_hover » box_shadow= »no » columns= »3″ image_size= »landscape » order_by= »date » order= »DESC » show_icons= »no » show_title= »yes » title_color= »#ffffff » title_font_size= »22″ portfolio_link_pointer= »lightbox » separator= »no » category_color= »#ffffff » category= »classic » show_load_more= »no » number= »3″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »grid » oblique_section= »no » text_align= »center » triangle_shape= »no » background_color= »#f7f7f7″ padding_top= »74″ padding_bottom= »53″ css_animation= » » box_shadow_on_row= »no »][vc_column][vc_column_text]

Slow Zoom Hover Effect

[/vc_column_text][vc_separator type= »small » position= »center » color= »#dadada » border_style= »solid » width= »25″ thickness= »2″ up= »18″ up_style= »px » down= »43″ down_style= »px »][no_portfolio_list type= »text_on_hover_image » hover_type_text_on_hover_image= »slow_zoom » box_shadow= »no » columns= »3″ image_size= »landscape » order_by= »date » order= »DESC » show_icons= »no » show_title= »yes » title_color= »#ffffff » title_font_size= »22″ portfolio_link_pointer= »lightbox » separator= »no » category_color= »#ffffff » category= »classic » show_load_more= »no » number= »3″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »grid » oblique_section= »no » text_align= »center » triangle_shape= »no » padding_top= »74″ padding_bottom= »53″ css_animation= » » box_shadow_on_row= »no »][vc_column][vc_column_text]

Icons Bottom Corner Hover Effect

[/vc_column_text][vc_separator type= »small » position= »center » color= »#dadada » border_style= »solid » width= »25″ thickness= »2″ up= »18″ up_style= »px » down= »43″ down_style= »px »][no_portfolio_list type= »text_on_hover_image » hover_type_text_on_hover_image= »icons_bottom_corner » box_shadow= »no » columns= »3″ image_size= »landscape » order_by= »date » order= »DESC » icons_position= »left » link_icon= »yes » lightbox= »yes » show_like= »yes » show_title= »yes » title_color= »#ffffff » title_font_size= »22″ portfolio_link_pointer= »lightbox » separator= »no » category_color= »#ffffff » category= »classic » show_load_more= »no » number= »3″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »grid » oblique_section= »no » text_align= »center » triangle_shape= »no » background_color= »#f7f7f7″ padding_top= »74″ padding_bottom= »53″ css_animation= » » box_shadow_on_row= »no »][vc_column][vc_column_text]

Thin Plus Only Hover Effect

[/vc_column_text][vc_separator type= »small » position= »center » color= »#dadada » border_style= »solid » width= »25″ thickness= »2″ up= »18″ up_style= »px » down= »43″ down_style= »px »][no_portfolio_list type= »text_on_hover_image » hover_type_text_on_hover_image= »thin_plus_only » box_shadow= »no » columns= »3″ image_size= »landscape » order_by= »date » order= »DESC » show_icons= »no » show_title= »yes » title_color= »#ffffff » title_font_size= »22″ portfolio_link_pointer= »lightbox » separator= »no » category_color= »#ffffff » category= »classic » show_load_more= »no » number= »3″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »grid » oblique_section= »no » text_align= »center » triangle_shape= »no » padding_top= »74″ padding_bottom= »53″ css_animation= » » box_shadow_on_row= »no »][vc_column][vc_column_text]

Studio Percut

Web design