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=”2440″ 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=”2440″ 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=”2286″ 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=”2286″ 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=”11299″ 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]

Wir verwenden Cookies für statistische Auswertungen und um unsere Webseite für Sie möglichst benutzerfreundlich zu gestalten. Wenn Sie fortfahren, nehmen wir an, dass Sie mit der Verwendung von Cookies auf der Webseite einverstanden sind. Mehr erfahren

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

Schließen