[vc_row dfd_enable_overlay=»»][vc_column dfd_column_responsive_enable=»dfd-column-responsive-enable» responsive_styles=»padding_left_mobile:30|padding_right_mobile:30″][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»60″ screen_tablet_spacer_size=»40″ screen_mobile_spacer_size=»40″][dfd_heading delimiter_settings=»border-bottom-style:dotted;|border-bottom-width:1px;|width:650px;|border-bottom-color:#d3d3d3;» delimiter_margin=»margin-top:25px;margin-bottom:0px;» subtitle_google_fonts=»yes» subtitle_custom_fonts=»font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20regular%3A400%3Anormal» style=»style_02″ title=»Layout variations» subtitle=»Crete stunning parallax before/after effects with the amazing module.» title_font_options=»tag:h2″ subtitle_font_options=»tag:h3|font_size:15|line_height:35″ title_responsive=»font_size_mobile:36|line_height_mobile:40″ subtitle_responsive=»font_size_mobile:14|line_height_mobile:26″]About Slide Parallax[/dfd_heading][/vc_column][/vc_row][vc_row dfd_row_config=»full_width_content» dfd_bg_style=»image» dfd_parallax_style=»dfd_animated_bg» dfd_bg_image_new=»17502″ dfd_bg_image_size=»initial» dfd_parallax_sense=»90″ dfd_animation_direction=»left» dfd_enable_overlay=»»][vc_column dfd_column_responsive_enable=»dfd-column-responsive-enable» responsive_styles=»padding_left_desktop:40|padding_right_desktop:40|padding_left_tablet:40|padding_right_tablet:40|padding_left_mobile:30|padding_right_mobile:30″][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»60″ screen_tablet_spacer_size=»40″ screen_mobile_spacer_size=»40″][vc_row_inner dfd_row_responsive_enable=»dfd-row-responsive-enable» css=».vc_custom_1522937683953{padding-right: 16% !important;padding-left: 16% !important;}» responsive_styles=»padding_left_desktop:0|padding_right_desktop:0|padding_left_tablet:0|padding_right_tablet:0|padding_left_mobile:0|padding_right_mobile:0″][vc_column_inner width=»1/2″][dfd_heading style=»style_02″ title=»01. Layout variations» title_font_options=»tag:h5|font_style_underline:1″ subtitle_font_options=»tag:h3|font_size:20″]
Short Description
[/dfd_heading][vc_column_text]
Use two images with delimiter between them to demonstrate difference in two elements, development progress, before-and-after effect, etc.. Draggable divider makes it easy to use and its various styles help to adjust to any design.
[/vc_column_text][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»15″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»15″ screen_tablet_spacer_size=»15″ screen_mobile_spacer_size=»35″][announcement align=»align-center» icon=»dfd-icon-code» dark_bg=»off» use_google_fonts=»yes» custom_fonts=»font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20italic%3A400%3Aitalic» main_style=»style-1″ main_layout=»layout-3″ font_options=»font_size:15″ icon_size=»19″ icon_color=»#262626″]Style — Horizontal/Verical; Layout — n/a; Inside options — defaults;[/announcement][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»35″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»30″ screen_tablet_spacer_size=»30″ screen_mobile_spacer_size=»20″][videoplayer main_style=»style-2″ main_layout=»layout-4″ title=»Watch module video» subtitle=»Use 1080p for better quality.» video_link=»https://youtu.be/zZiGv2pytWI» title_font_options=»tag:div|font_size:15″ subtitle_font_options=»tag:div» fill_color_start=»#e52c27″ fill_color_end=»#c2171d» bg_radius=»8″ icon_color=»#ffffff»][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»0″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»0″ screen_tablet_spacer_size=»0″ screen_mobile_spacer_size=»40″][/vc_column_inner][vc_column_inner width=»1/2″][dfd_single_image image=»16732″ upload_image=»11499″][/vc_column_inner][/vc_row_inner][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»100″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»100″ screen_tablet_spacer_size=»60″ screen_mobile_spacer_size=»35″][vc_row_inner][vc_column_inner][dfd_slide_parallax image_first=»16725″ image_second=»16726″ image_width=»1491″ image_height=»1080″ marker=»16737″ delim_width=»2″ delim_bg=»#ffffff» direction=»horizontal»][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][dfd_slide_parallax image_first=»16725″ image_second=»16726″ image_width=»1491″ image_height=»1080″ marker=»16735″ delim_width=»2″ delim_bg=»#ffffff» direction=»vertical»][/vc_column_inner][/vc_row_inner][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»90″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»90″ screen_tablet_spacer_size=»60″ screen_mobile_spacer_size=»40″][/vc_column][/vc_row]