Before / After

[vc_row margin_top= »-5″ margin_bottom= »0″ padding_left= »0″ padding_right= »0″ bg_position= »top » bg_repeat= »no-repeat » bg_cover= »false » bg_attachment= »false » padding_top= »0″ padding_bottom= »0″ parallax_speed= »0.1″ bg_type= »no_bg » bg_grad= »background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%); » parallax_style= »vcpb-default » bg_image_repeat= »no-repeat » bg_image_size= »cover » bg_img_attach= »fixed » parallax_sense= »30″ animation_direction= »left-animation » animation_repeat= »repeat » bg_override= »0″ parallax_content_sense= »30″ fadeout_start_effect= »30″ overlay_pattern_opacity= »80″ seperator_type= »none_seperator » seperator_position= »top_seperator » seperator_shape_size= »40″ seperator_svg_height= »60″ seperator_shape_background= »#ffffff » seperator_shape_border= »none » seperator_shape_border_width= »1″ icon_type= »no_icon » icon_size= »32″ icon_style= »none » icon_color_border= »#333333″ icon_border_size= »1″ icon_border_radius= »500″ icon_border_spacing= »50″ img_width= »48″][vc_column width= »1/1″][dt_fancy_title title= »Follow navigation » title_align= »left » title_size= »h6″ title_color= »custom » separator_style= »disabled » el_width= »100″ title_bg= »enabled » separator_color= »accent » custom_title_color= »#ffffff »][vc_empty_space height= »45px »][/vc_column][vc_column width= »1/2″][dt_before_after image_1= »35177″ orientation= »horizontal » navigation= »move » offset= »50″ image_2= »35178″][vc_empty_space height= »44px »][vc_toggle title= »GET SETTINGS » open= »false » el_class= »shortcode-code »][dt_gap height= »10″ /]VC Element: « Before / After »

Choose first image: [add from Media Library]

Choose second border-image: [add from Media Library]

Orientation: Vertical

Navigation: Follow

Visible part of the « Before » image (in %): 50

[dt_gap height= »10″ /][/vc_toggle][vc_empty_space height= »60px »][/vc_column][vc_column width= »1/2″][dt_before_after image_1= »35028″ orientation= »vertical » navigation= »move » offset= »70″ image_2= »35181″][vc_empty_space height= »44px »][vc_toggle title= »GET SETTINGS » open= »false » el_class= »shortcode-code »][dt_gap height= »10″ /]VC Element: « Before / After »

Choose first image: [add from Media Library]

Choose second border-image: [add from Media Library]

Orientation: Horizontal

Navigation: Follow

Visible part of the « Before » image (in %): 70

[dt_gap height= »10″ /][/vc_toggle][vc_empty_space height= »60px »][/vc_column][/vc_row][vc_row margin_top= »0″ margin_bottom= »0″ padding_left= »0″ padding_right= »0″ bg_position= »top » bg_repeat= »no-repeat » bg_cover= »false » bg_attachment= »false » padding_top= »0″ padding_bottom= »0″ parallax_speed= »0.1″ bg_type= »no_bg » bg_grad= »background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%); » parallax_style= »vcpb-default » bg_image_repeat= »no-repeat » bg_image_size= »cover » bg_img_attach= »fixed » parallax_sense= »30″ animation_direction= »left-animation » animation_repeat= »repeat » bg_override= »0″ parallax_content_sense= »30″ fadeout_start_effect= »30″ overlay_pattern_opacity= »80″ seperator_type= »none_seperator » seperator_position= »top_seperator » seperator_shape_size= »40″ seperator_svg_height= »60″ seperator_shape_background= »#ffffff » seperator_shape_border= »none » seperator_shape_border_width= »1″ icon_type= »no_icon » icon_size= »32″ icon_style= »none » icon_color_border= »#333333″ icon_border_size= »1″ icon_border_radius= »500″ icon_border_spacing= »50″ img_width= »48″][vc_column width= »1/1″][dt_fancy_title title= »Click and drag navigation » title_align= »left » title_size= »h6″ title_color= »custom » separator_style= »disabled » el_width= »100″ title_bg= »enabled » separator_color= »accent » custom_title_color= »#ffffff »][vc_empty_space height= »45px »][dt_before_after image_1= »35027″ orientation= »horizontal » navigation= »drag » offset= »50″ image_2= »35180″][vc_empty_space height= »44px »][vc_toggle title= »GET SETTINGS » open= »false » el_class= »shortcode-code »][dt_gap height= »10″ /]VC Element: « Before / After »

Choose first image: [add from Media Library]

Choose second border-image: [add from Media Library]

Orientation: Vertical

Navigation: Click and drag

Visible part of the « Before » image (in %): 50

[dt_gap height= »10″ /][/vc_toggle][vc_empty_space height= »60px »][dt_before_after image_1= »35177″ orientation= »vertical » navigation= »drag » offset= »50″ image_2= »35178″][vc_empty_space height= »44px »][vc_toggle title= »GET SETTINGS » open= »false » el_class= »shortcode-code »][dt_gap height= »10″ /]VC Element: « Before / After »

Choose first image: [add from Media Library]

Choose second border-image: [add from Media Library]

Orientation: Horizontal

Navigation: Click and drag

Visible part of the « Before » image (in %): 50

[dt_gap height= »10″ /][/vc_toggle][/vc_column][/vc_row]