{"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:\/\/www.viliamdrab.sk\/features\/parallax-elements","title":{"rendered":"Parallax Elements"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row unlock_row_content=&#8220;yes&#8220; row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;7&#8243; top_padding=&#8220;5&#8243; bottom_padding=&#8220;5&#8243; back_color=&#8220;color-wayh&#8220; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;2&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;857505&#8243; back_color_type=&#8220;uncode-palette&#8220; el_class=&#8220;demo-section demo-dark-background&#8220;][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;4&#8243; style=&#8220;dark&#8220; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; css_animation=&#8220;alpha-anim&#8220; animation_speed=&#8220;1000&#8243; width=&#8220;1\/1&#8243; uncode_shortcode_id=&#8220;198727&#8243;][vc_row_inner limit_content=&#8220;&#8220;][vc_column_inner column_width_use_pixel=&#8220;yes&#8220; align_horizontal=&#8220;align_center&#8220; gutter_size=&#8220;3&#8243; style=&#8220;dark&#8220; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/1&#8243; uncode_shortcode_id=&#8220;165757&#8243; column_width_pixel=&#8220;400&#8243;][vc_custom_heading text_size=&#8220;h1&#8243; sub_lead=&#8220;yes&#8220; sub_reduced=&#8220;yes&#8220; el_class=&#8220;demo-heading&#8220; uncode_shortcode_id=&#8220;438176&#8243;]Parallax on Posts[\/vc_custom_heading][\/vc_column_inner][\/vc_row_inner][uncode_index el_id=&#8220;index-2&#8243; index_type=&#8220;carousel&#8220; loop=&#8220;size:7|order_by:date|post_type:portfolio|taxonomy_count:10&#8243; carousel_lg=&#8220;3&#8243; carousel_md=&#8220;3&#8243; carousel_sm=&#8220;1&#8243; thumb_size=&#8220;four-three&#8220; gutter_size=&#8220;5&#8243; post_items=&#8220;media|featured|onpost|poster,title,spacer|half&#8220; portfolio_items=&#8220;media|featured|onpost|original,title&#8220; carousel_interval=&#8220;0&#8243; carousel_navspeed=&#8220;400&#8243; carousel_loop=&#8220;yes&#8220; carousel_overflow=&#8220;yes&#8220; carousel_dots=&#8220;yes&#8220; carousel_dots_space=&#8220;yes&#8220; carousel_half_opacity=&#8220;yes&#8220; stage_padding=&#8220;0&#8243; single_style=&#8220;dark&#8220; single_overlay_opacity=&#8220;50&#8243; single_overlay_anim=&#8220;no&#8220; single_text_visible=&#8220;yes&#8220; single_h_align=&#8220;center&#8220; single_padding=&#8220;2&#8243; single_title_dimension=&#8220;h5&#8243; single_border=&#8220;yes&#8220; single_css_animation=&#8220;parallax&#8220; single_parallax_intensity=&#8220;2&#8243; single_animation_first=&#8220;yes&#8220; post_matrix=&#8220;matrix&#8220; matrix_amount=&#8220;3&#8243; custom_cursor=&#8220;light&#8220; matrix_items=&#8220;eyIxX2kiOnsic2luZ2xlX3BhcmFsbGF4Ijoibm9ybWFsIiwic2luZ2xlX3BhcmFsbGF4X2ludGVuc2l0eSI6IjQifSwiMl9pIjp7InNpbmdsZV9wYXJhbGxheCI6Im1lZGl1bSIsInNpbmdsZV9wYXJhbGxheF9pbnRlbnNpdHkiOiI2In0sIjBfaSI6eyJzaW5nbGVfcGFyYWxsYXhfaW50ZW5zaXR5IjoiMiJ9fQ==&#8220; uncode_shortcode_id=&#8220;208029&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;5&#8243; bottom_padding=&#8220;5&#8243; back_color=&#8220;color-lxmt&#8220; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;4&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; inverted_device_order=&#8220;yes&#8220; uncode_shortcode_id=&#8220;151461&#8243; back_color_type=&#8220;uncode-palette&#8220; el_class=&#8220;demo-section&#8220;][vc_column column_width_percent=&#8220;100&#8243; position_horizontal=&#8220;left&#8220; position_vertical=&#8220;middle&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; align_medium=&#8220;align_center_tablet&#8220; medium_width=&#8220;0&#8243; align_mobile=&#8220;align_center_mobile&#8220; mobile_width=&#8220;0&#8243; width=&#8220;5\/12&#8243;][vc_custom_heading text_size=&#8220;h1&#8243; sub_lead=&#8220;yes&#8220; sub_reduced=&#8220;yes&#8220; el_class=&#8220;demo-heading&#8220; uncode_shortcode_id=&#8220;456591&#8243;]Parallax on Single Media and Heading modules[\/vc_custom_heading][vc_column_text text_lead=&#8220;yes&#8220; el_class=&#8220;demo-lead-text&#8220; uncode_shortcode_id=&#8220;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=&#8220;100&#8243; gutter_size=&#8220;3&#8243; back_image=&#8220;99797&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;7\/12&#8243; el_class=&#8220;image-card image-card-triple&#8220; uncode_shortcode_id=&#8220;345659&#8243; back_size=&#8220;100%&#8220;][vc_single_image media=&#8220;11312&#8243; media_width_percent=&#8220;100&#8243; media_ratio=&#8220;three-two&#8220; alignment=&#8220;right&#8220; shadow=&#8220;yes&#8220; shadow_weight=&#8220;std&#8220; css_animation=&#8220;parallax&#8220; parallax_intensity=&#8220;3&#8243; el_class=&#8220;demo-image demo-image-group-secondary&#8220; uncode_shortcode_id=&#8220;526561&#8243;][vc_single_image media=&#8220;11308&#8243; media_width_percent=&#8220;100&#8243; media_ratio=&#8220;three-two&#8220; alignment=&#8220;right&#8220; shadow=&#8220;yes&#8220; shadow_weight=&#8220;std&#8220; css_animation=&#8220;parallax&#8220; parallax_intensity=&#8220;2&#8243; el_class=&#8220;demo-image demo-image-group-first&#8220; uncode_shortcode_id=&#8220;463838&#8243;][vc_single_image media=&#8220;2286&#8243; media_width_percent=&#8220;100&#8243; media_ratio=&#8220;three-two&#8220; alignment=&#8220;right&#8220; shadow=&#8220;yes&#8220; shadow_weight=&#8220;std&#8220; css_animation=&#8220;parallax&#8220; parallax_intensity=&#8220;5&#8243; el_class=&#8220;demo-image demo-image-group-secondary&#8220; uncode_shortcode_id=&#8220;154927&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;60&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;7&#8243; bottom_padding=&#8220;7&#8243; back_color=&#8220;color-wayh&#8220; back_image=&#8220;11311&#8243; back_position=&#8220;center bottom&#8220; parallax=&#8220;yes&#8220; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; bottom_divider=&#8220;gradient&#8220; el_class=&#8220;demo-section demo-hero&#8220; uncode_shortcode_id=&#8220;932445&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_column column_width_use_pixel=&#8220;yes&#8220; position_vertical=&#8220;middle&#8220; align_horizontal=&#8220;align_center&#8220; gutter_size=&#8220;3&#8243; style=&#8220;dark&#8220; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; zoom_width=&#8220;0&#8243; zoom_height=&#8220;0&#8243; width=&#8220;1\/1&#8243; column_width_pixel=&#8220;840&#8243;][vc_custom_heading heading_semantic=&#8220;h1&#8243; text_size=&#8220;fontsize-155944&#8243; sub_lead=&#8220;yes&#8220; sub_reduced=&#8220;yes&#8220; el_class=&#8220;demo-heading&#8220; uncode_shortcode_id=&#8220;184988&#8243;]Parallax on Backgrounds[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;5&#8243; bottom_padding=&#8220;5&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;4&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;353889&#8243;][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; back_image=&#8220;99798&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;7\/12&#8243; el_class=&#8220;image-card&#8220; uncode_shortcode_id=&#8220;373131&#8243; back_size=&#8220;100%&#8220;][vc_single_image media=&#8220;11304&#8243; media_width_percent=&#8220;100&#8243; media_ratio=&#8220;three-two&#8220; alignment=&#8220;right&#8220; shadow=&#8220;yes&#8220; shadow_weight=&#8220;std&#8220; el_class=&#8220;demo-image demo-image-group-first&#8220; uncode_shortcode_id=&#8220;186621&#8243;][vc_single_image media=&#8220;11312&#8243; media_width_percent=&#8220;100&#8243; media_ratio=&#8220;three-two&#8220; alignment=&#8220;right&#8220; shadow=&#8220;yes&#8220; shadow_weight=&#8220;std&#8220; el_class=&#8220;demo-image demo-image-group-secondary&#8220; uncode_shortcode_id=&#8220;183876&#8243;][\/vc_column][vc_column column_width_percent=&#8220;100&#8243; position_horizontal=&#8220;left&#8220; position_vertical=&#8220;middle&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; align_medium=&#8220;align_center_tablet&#8220; medium_width=&#8220;0&#8243; align_mobile=&#8220;align_center_mobile&#8220; mobile_width=&#8220;0&#8243; parallax_intensity=&#8220;3&#8243; width=&#8220;5\/12&#8243; uncode_shortcode_id=&#8220;105140&#8243;][vc_custom_heading text_size=&#8220;h1&#8243; sub_lead=&#8220;yes&#8220; sub_reduced=&#8220;yes&#8220; el_class=&#8220;demo-heading&#8220; uncode_shortcode_id=&#8220;157631&#8243;]Parallax applied on a whole Column of content[\/vc_custom_heading][vc_column_text text_lead=&#8220;yes&#8220; el_class=&#8220;demo-lead-text&#8220; uncode_shortcode_id=&#8220;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"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Parallax Elements - Viliam Dr\u00e1b - kameraman<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.viliamdrab.sk\/features\/parallax-elements\" \/>\n<meta property=\"og:locale\" content=\"sk_SK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Parallax Elements - Viliam Dr\u00e1b - kameraman\" \/>\n<meta property=\"og:description\" content=\"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.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.viliamdrab.sk\/features\/parallax-elements\" \/>\n<meta property=\"og:site_name\" content=\"Viliam Dr\u00e1b - kameraman\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Viliam.Drab\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Predpokladan\u00fd \u010das \u010d\u00edtania\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 min\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.viliamdrab.sk\/features\/parallax-elements\",\"url\":\"https:\/\/www.viliamdrab.sk\/features\/parallax-elements\",\"name\":\"Parallax Elements - Viliam Dr\u00e1b - kameraman\",\"isPartOf\":{\"@id\":\"https:\/\/www.viliamdrab.sk\/#website\"},\"datePublished\":\"2021-06-21T16:01:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.viliamdrab.sk\/features\/parallax-elements#breadcrumb\"},\"inLanguage\":\"sk-SK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.viliamdrab.sk\/features\/parallax-elements\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.viliamdrab.sk\/features\/parallax-elements#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Domovsk\u00e1 str\u00e1nka\",\"item\":\"https:\/\/www.viliamdrab.sk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\/\/www.viliamdrab.sk\/features\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Parallax Elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.viliamdrab.sk\/#website\",\"url\":\"https:\/\/www.viliamdrab.sk\/\",\"name\":\"Viliam Dr\u00e1b - kameraman\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.viliamdrab.sk\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.viliamdrab.sk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sk-SK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.viliamdrab.sk\/#organization\",\"name\":\"Viliam Dr\u00e1b - kameraman\",\"url\":\"https:\/\/www.viliamdrab.sk\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\/\/www.viliamdrab.sk\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.viliamdrab.sk\/wp-content\/uploads\/2025\/01\/viliam-black.png\",\"contentUrl\":\"https:\/\/www.viliamdrab.sk\/wp-content\/uploads\/2025\/01\/viliam-black.png\",\"width\":454,\"height\":60,\"caption\":\"Viliam Dr\u00e1b - kameraman\"},\"image\":{\"@id\":\"https:\/\/www.viliamdrab.sk\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Viliam.Drab\/\",\"https:\/\/www.instagram.com\/viliamdrab\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Parallax Elements - Viliam Dr\u00e1b - kameraman","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.viliamdrab.sk\/features\/parallax-elements","og_locale":"sk_SK","og_type":"article","og_title":"Parallax Elements - Viliam Dr\u00e1b - kameraman","og_description":"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.","og_url":"https:\/\/www.viliamdrab.sk\/features\/parallax-elements","og_site_name":"Viliam Dr\u00e1b - kameraman","article_publisher":"https:\/\/www.facebook.com\/Viliam.Drab\/","twitter_card":"summary_large_image","twitter_misc":{"Predpokladan\u00fd \u010das \u010d\u00edtania":"5 min\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.viliamdrab.sk\/features\/parallax-elements","url":"https:\/\/www.viliamdrab.sk\/features\/parallax-elements","name":"Parallax Elements - Viliam Dr\u00e1b - kameraman","isPartOf":{"@id":"https:\/\/www.viliamdrab.sk\/#website"},"datePublished":"2021-06-21T16:01:30+00:00","breadcrumb":{"@id":"https:\/\/www.viliamdrab.sk\/features\/parallax-elements#breadcrumb"},"inLanguage":"sk-SK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.viliamdrab.sk\/features\/parallax-elements"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.viliamdrab.sk\/features\/parallax-elements#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Domovsk\u00e1 str\u00e1nka","item":"https:\/\/www.viliamdrab.sk\/"},{"@type":"ListItem","position":2,"name":"Features","item":"https:\/\/www.viliamdrab.sk\/features"},{"@type":"ListItem","position":3,"name":"Parallax Elements"}]},{"@type":"WebSite","@id":"https:\/\/www.viliamdrab.sk\/#website","url":"https:\/\/www.viliamdrab.sk\/","name":"Viliam Dr\u00e1b - kameraman","description":"","publisher":{"@id":"https:\/\/www.viliamdrab.sk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.viliamdrab.sk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sk-SK"},{"@type":"Organization","@id":"https:\/\/www.viliamdrab.sk\/#organization","name":"Viliam Dr\u00e1b - kameraman","url":"https:\/\/www.viliamdrab.sk\/","logo":{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/www.viliamdrab.sk\/#\/schema\/logo\/image\/","url":"https:\/\/www.viliamdrab.sk\/wp-content\/uploads\/2025\/01\/viliam-black.png","contentUrl":"https:\/\/www.viliamdrab.sk\/wp-content\/uploads\/2025\/01\/viliam-black.png","width":454,"height":60,"caption":"Viliam Dr\u00e1b - kameraman"},"image":{"@id":"https:\/\/www.viliamdrab.sk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Viliam.Drab\/","https:\/\/www.instagram.com\/viliamdrab\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.viliamdrab.sk\/wp-json\/wp\/v2\/pages\/100000","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.viliamdrab.sk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.viliamdrab.sk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.viliamdrab.sk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.viliamdrab.sk\/wp-json\/wp\/v2\/comments?post=100000"}],"version-history":[{"count":0,"href":"https:\/\/www.viliamdrab.sk\/wp-json\/wp\/v2\/pages\/100000\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.viliamdrab.sk\/wp-json\/wp\/v2\/pages\/125"}],"wp:attachment":[{"href":"https:\/\/www.viliamdrab.sk\/wp-json\/wp\/v2\/media?parent=100000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}