{"id":100000,"date":"2021-06-21T18:01:30","date_gmt":"2021-06-21T16:01:30","guid":{"rendered":"https:\/\/undsgn.com\/uncode\/?page_id=100000"},"modified":"2021-06-21T18:01:30","modified_gmt":"2021-06-21T16:01:30","slug":"parallax-elements","status":"publish","type":"page","link":"https:\/\/dotandgo.co\/?page_id=100000","title":{"rendered":"Parallax Elements"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;7&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-wayh&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; uncode_shortcode_id=&#8221;857505&#8243; back_color_type=&#8221;uncode-palette&#8221; el_class=&#8221;demo-section demo-dark-background&#8221;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;4&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; css_animation=&#8221;alpha-anim&#8221; animation_speed=&#8221;1000&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;198727&#8243;][vc_row_inner limit_content=&#8221;&#8221;][vc_column_inner column_width_use_pixel=&#8221;yes&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;165757&#8243; column_width_pixel=&#8221;400&#8243;][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221; uncode_shortcode_id=&#8221;438176&#8243;]Parallax on Posts[\/vc_custom_heading][\/vc_column_inner][\/vc_row_inner][uncode_index el_id=&#8221;index-2&#8243; index_type=&#8221;carousel&#8221; loop=&#8221;size:7|order_by:date|post_type:portfolio|taxonomy_count:10&#8243; carousel_lg=&#8221;3&#8243; carousel_md=&#8221;3&#8243; carousel_sm=&#8221;1&#8243; thumb_size=&#8221;four-three&#8221; gutter_size=&#8221;5&#8243; post_items=&#8221;media|featured|onpost|poster,title,spacer|half&#8221; portfolio_items=&#8221;media|featured|onpost|original,title&#8221; carousel_interval=&#8221;0&#8243; carousel_navspeed=&#8221;400&#8243; carousel_loop=&#8221;yes&#8221; carousel_overflow=&#8221;yes&#8221; carousel_dots=&#8221;yes&#8221; carousel_dots_space=&#8221;yes&#8221; carousel_half_opacity=&#8221;yes&#8221; stage_padding=&#8221;0&#8243; single_style=&#8221;dark&#8221; single_overlay_opacity=&#8221;50&#8243; single_overlay_anim=&#8221;no&#8221; single_text_visible=&#8221;yes&#8221; single_h_align=&#8221;center&#8221; single_padding=&#8221;2&#8243; single_title_dimension=&#8221;h5&#8243; single_border=&#8221;yes&#8221; single_css_animation=&#8221;parallax&#8221; single_parallax_intensity=&#8221;2&#8243; single_animation_first=&#8221;yes&#8221; post_matrix=&#8221;matrix&#8221; matrix_amount=&#8221;3&#8243; custom_cursor=&#8221;light&#8221; matrix_items=&#8221;eyIxX2kiOnsic2luZ2xlX3BhcmFsbGF4Ijoibm9ybWFsIiwic2luZ2xlX3BhcmFsbGF4X2ludGVuc2l0eSI6IjQifSwiMl9pIjp7InNpbmdsZV9wYXJhbGxheCI6Im1lZGl1bSIsInNpbmdsZV9wYXJhbGxheF9pbnRlbnNpdHkiOiI2In0sIjBfaSI6eyJzaW5nbGVfcGFyYWxsYXhfaW50ZW5zaXR5IjoiMiJ9fQ==&#8221; uncode_shortcode_id=&#8221;208029&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-lxmt&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; inverted_device_order=&#8221;yes&#8221; uncode_shortcode_id=&#8221;151461&#8243; back_color_type=&#8221;uncode-palette&#8221; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221; uncode_shortcode_id=&#8221;456591&#8243;]Parallax on Single Media and Heading modules[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221; uncode_shortcode_id=&#8221;396051&#8243;]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=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99797&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; el_class=&#8221;image-card image-card-triple&#8221; uncode_shortcode_id=&#8221;345659&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;11295&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; css_animation=&#8221;parallax&#8221; parallax_intensity=&#8221;3&#8243; el_class=&#8221;demo-image demo-image-group-secondary&#8221; uncode_shortcode_id=&#8221;526561&#8243;][vc_single_image media=&#8221;11300&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; css_animation=&#8221;parallax&#8221; parallax_intensity=&#8221;2&#8243; el_class=&#8221;demo-image demo-image-group-first&#8221; uncode_shortcode_id=&#8221;463838&#8243;][vc_single_image media=&#8221;11297&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; css_animation=&#8221;parallax&#8221; parallax_intensity=&#8221;5&#8243; el_class=&#8221;demo-image demo-image-group-secondary&#8221; uncode_shortcode_id=&#8221;154927&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;60&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;7&#8243; bottom_padding=&#8221;7&#8243; back_color=&#8221;color-wayh&#8221; back_image=&#8221;11295&#8243; back_position=&#8221;center bottom&#8221; parallax=&#8221;yes&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; bottom_divider=&#8221;gradient&#8221; el_class=&#8221;demo-section demo-hero&#8221; uncode_shortcode_id=&#8221;932445&#8243; back_color_type=&#8221;uncode-palette&#8221;][vc_column column_width_use_pixel=&#8221;yes&#8221; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243; column_width_pixel=&#8221;840&#8243;][vc_custom_heading heading_semantic=&#8221;h1&#8243; text_size=&#8221;fontsize-155944&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221; uncode_shortcode_id=&#8221;184988&#8243;]Parallax on Backgrounds[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; uncode_shortcode_id=&#8221;353889&#8243;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99798&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; el_class=&#8221;image-card&#8221; uncode_shortcode_id=&#8221;373131&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;11299&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-first&#8221; uncode_shortcode_id=&#8221;186621&#8243;][vc_single_image media=&#8221;11307&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-secondary&#8221; uncode_shortcode_id=&#8221;183876&#8243;][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; parallax_intensity=&#8221;3&#8243; width=&#8221;5\/12&#8243; uncode_shortcode_id=&#8221;105140&#8243;][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221; uncode_shortcode_id=&#8221;157631&#8243;]Parallax applied on a whole Column of content[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221; uncode_shortcode_id=&#8221;144962&#8243;]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]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>The Parallax effect is a modern design feature that is commonly used to create an engaging homepage or a landing page that stands out from the crow.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":125,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-100000","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dotandgo.co\/index.php?rest_route=\/wp\/v2\/pages\/100000","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dotandgo.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dotandgo.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dotandgo.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dotandgo.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=100000"}],"version-history":[{"count":0,"href":"https:\/\/dotandgo.co\/index.php?rest_route=\/wp\/v2\/pages\/100000\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/dotandgo.co\/index.php?rest_route=\/wp\/v2\/pages\/125"}],"wp:attachment":[{"href":"https:\/\/dotandgo.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=100000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}