Parallax Elements

[vc_row unlock_row_content=”yes” row_height_percent=”0″ override_padding=”yes” h_padding=”7″ top_padding=”5″ bottom_padding=”5″ back_color=”color-wayh” overlay_alpha=”50″ gutter_size=”2″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ uncode_shortcode_id=”857505″ back_color_type=”uncode-palette” el_class=”demo-section demo-dark-background”][vc_column column_width_percent=”100″ gutter_size=”4″ style=”dark” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ css_animation=”alpha-anim” animation_speed=”1000″ width=”1/1″ uncode_shortcode_id=”198727″][vc_row_inner limit_content=””][vc_column_inner column_width_use_pixel=”yes” align_horizontal=”align_center” gutter_size=”3″ style=”dark” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1/1″ uncode_shortcode_id=”165757″ column_width_pixel=”400″][vc_custom_heading text_size=”h1″ sub_lead=”yes” sub_reduced=”yes” el_class=”demo-heading” uncode_shortcode_id=”438176″]Parallax on Posts[/vc_custom_heading][/vc_column_inner][/vc_row_inner][uncode_index el_id=”index-2″ index_type=”carousel” loop=”size:7|order_by:date|post_type:portfolio|taxonomy_count:10″ carousel_lg=”3″ carousel_md=”3″ carousel_sm=”1″ thumb_size=”four-three” gutter_size=”5″ post_items=”media|featured|onpost|poster,title,spacer|half” portfolio_items=”media|featured|onpost|original,title” carousel_interval=”0″ carousel_navspeed=”400″ carousel_loop=”yes” carousel_overflow=”yes” carousel_dots=”yes” carousel_dots_space=”yes” carousel_half_opacity=”yes” stage_padding=”0″ single_style=”dark” single_overlay_opacity=”50″ single_overlay_anim=”no” single_text_visible=”yes” single_h_align=”center” single_padding=”2″ single_title_dimension=”h5″ single_border=”yes” single_css_animation=”parallax” single_parallax_intensity=”2″ single_animation_first=”yes” post_matrix=”matrix” matrix_amount=”3″ custom_cursor=”light” matrix_items=”eyIxX2kiOnsic2luZ2xlX3BhcmFsbGF4Ijoibm9ybWFsIiwic2luZ2xlX3BhcmFsbGF4X2ludGVuc2l0eSI6IjQifSwiMl9pIjp7InNpbmdsZV9wYXJhbGxheCI6Im1lZGl1bSIsInNpbmdsZV9wYXJhbGxheF9pbnRlbnNpdHkiOiI2In0sIjBfaSI6eyJzaW5nbGVfcGFyYWxsYXhfaW50ZW5zaXR5IjoiMiJ9fQ==” uncode_shortcode_id=”208029″][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”5″ bottom_padding=”5″ back_color=”color-lxmt” overlay_alpha=”50″ gutter_size=”4″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ inverted_device_order=”yes” uncode_shortcode_id=”151461″ back_color_type=”uncode-palette” el_class=”demo-section”][vc_column column_width_percent=”100″ position_horizontal=”left” position_vertical=”middle” gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ align_medium=”align_center_tablet” medium_width=”0″ align_mobile=”align_center_mobile” mobile_width=”0″ width=”5/12″][vc_custom_heading text_size=”h1″ sub_lead=”yes” sub_reduced=”yes” el_class=”demo-heading” uncode_shortcode_id=”456591″]Parallax on Single Media and Heading modules[/vc_custom_heading][vc_column_text text_lead=”yes” el_class=”demo-lead-text” uncode_shortcode_id=”396051″]Apply the Parallax scrolling to Text, Single Media, Headings, Buttons, Posts Module, Media Gallery or Icon Box modules.[/vc_column_text][/vc_column][vc_column column_width_percent=”100″ gutter_size=”3″ back_image=”99797″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”7/12″ el_class=”image-card image-card-triple” uncode_shortcode_id=”345659″ back_size=”100%”][vc_single_image media=”11297″ media_width_percent=”100″ media_ratio=”three-two” alignment=”right” shadow=”yes” shadow_weight=”std” css_animation=”parallax” parallax_intensity=”3″ el_class=”demo-image demo-image-group-secondary” uncode_shortcode_id=”526561″][vc_single_image media=”11296″ media_width_percent=”100″ media_ratio=”three-two” alignment=”right” shadow=”yes” shadow_weight=”std” css_animation=”parallax” parallax_intensity=”2″ el_class=”demo-image demo-image-group-first” uncode_shortcode_id=”463838″][vc_single_image media=”2286″ media_width_percent=”100″ media_ratio=”three-two” alignment=”right” shadow=”yes” shadow_weight=”std” css_animation=”parallax” parallax_intensity=”5″ el_class=”demo-image demo-image-group-secondary” uncode_shortcode_id=”154927″][/vc_column][/vc_row][vc_row row_height_percent=”60″ override_padding=”yes” h_padding=”2″ top_padding=”7″ bottom_padding=”7″ back_color=”color-wayh” back_image=”11296″ back_position=”center bottom” parallax=”yes” overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ bottom_divider=”gradient” el_class=”demo-section demo-hero” uncode_shortcode_id=”932445″ back_color_type=”uncode-palette”][vc_column column_width_use_pixel=”yes” position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ style=”dark” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″ column_width_pixel=”840″][vc_custom_heading heading_semantic=”h1″ text_size=”fontsize-155944″ sub_lead=”yes” sub_reduced=”yes” el_class=”demo-heading” uncode_shortcode_id=”184988″]Parallax on Backgrounds[/vc_custom_heading][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”5″ bottom_padding=”5″ overlay_alpha=”50″ gutter_size=”4″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ uncode_shortcode_id=”353889″][vc_column column_width_percent=”100″ gutter_size=”3″ back_image=”99798″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”7/12″ el_class=”image-card” uncode_shortcode_id=”373131″ back_size=”100%”][vc_single_image media=”11306″ media_width_percent=”100″ media_ratio=”three-two” alignment=”right” shadow=”yes” shadow_weight=”std” el_class=”demo-image demo-image-group-first” uncode_shortcode_id=”186621″][vc_single_image media=”2286″ media_width_percent=”100″ media_ratio=”three-two” alignment=”right” shadow=”yes” shadow_weight=”std” el_class=”demo-image demo-image-group-secondary” uncode_shortcode_id=”183876″][/vc_column][vc_column column_width_percent=”100″ position_horizontal=”left” position_vertical=”middle” gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ align_medium=”align_center_tablet” medium_width=”0″ align_mobile=”align_center_mobile” mobile_width=”0″ parallax_intensity=”3″ width=”5/12″ uncode_shortcode_id=”105140″][vc_custom_heading text_size=”h1″ sub_lead=”yes” sub_reduced=”yes” el_class=”demo-heading” uncode_shortcode_id=”157631″]Parallax applied on a whole Column of content[/vc_custom_heading][vc_column_text text_lead=”yes” el_class=”demo-lead-text” uncode_shortcode_id=”144962″]Use the Parallax effect applied to an entire Column of content to animate all the modules within it together.[/vc_column_text][/vc_column][/vc_row]