{"id":1113,"date":"2018-07-19T11:31:21","date_gmt":"2018-07-19T11:31:21","guid":{"rendered":"https:\/\/thebaths.org\/index.php\/parallax-backgrounds\/"},"modified":"2018-07-19T11:31:21","modified_gmt":"2018-07-19T11:31:21","slug":"parallax-backgrounds","status":"publish","type":"page","link":"https:\/\/thebaths.org\/index.php\/parallax-backgrounds\/","title":{"rendered":"Parallax Backgrounds"},"content":{"rendered":"<p>[vc_row padding_top_multiplier=&#8221;4x&#8221; padding_bottom_multiplier=&#8221;4x&#8221;][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243; text_align=&#8221;center&#8221; column_effect=&#8221;vertical-parallax&#8221; column_effect_limit=&#8221;6x&#8221;]<h3 class=\"eut-element eut-title eut-align-inherit eut-h3\" style=\"\"><span>Amazing Parallax\u00a0Backgrounds<\/span><\/h3>[vc_column_text css=&#8221;.vc_custom_1537898821316{margin-bottom: 30px !important;}&#8221;]Add parallax effects in Rows, Inner Rows, Columns and Inner Columns.<br \/>\nThree different parallax effects and a sensor to control it.[\/vc_column_text]<div class=\"eut-element eut-align-inherit\"><a href=\"https:\/\/euthemians.com\/\" class=\"eut-btn eut-btn-medium eut-extra-round eut-bg-primary-1 eut-bg-hover-primary-5\"><span>Learn how to do this<\/span><\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row][vc_row height_ratio=&#8221;70&#8243; rc_bg_type=&#8221;image&#8221; rc_bg_image=&#8221;1360&#8243; rc_bg_image_type=&#8221;parallax&#8221; rc_bg_image_size=&#8221;full&#8221; rc_bg_parallax_threshold=&#8221;0.8&#8243;][vc_column vertical_content_position=&#8221;bottom&#8221; text_align=&#8221;center&#8221; rc_heading_color=&#8221;light&#8221; rc_font_color=&#8221;#ffffff&#8221;]<div class=\"eut-element eut-image eut-align-center\" style=\"\"><div class=\"eut-image-wrapper eut-popup-item\" style=\"max-width:1227px;\"><div class=\"eut-thumbnail-wrapper\"  style=\"max-width: 1227px;\"><div class=\"eut-thumbnail\"  style=\"padding-top: 53.301%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1227\" height=\"654\" src=\"https:\/\/thebaths.org\/wp-content\/uploads\/2018\/07\/a-c-1.png\" class=\"attachment-full size-full\" alt=\"\" data-eutf-filter=\"yes\" srcset=\"https:\/\/thebaths.org\/wp-content\/uploads\/2018\/07\/a-c-1.png 1227w, https:\/\/thebaths.org\/wp-content\/uploads\/2018\/07\/a-c-1-300x160.png 300w, https:\/\/thebaths.org\/wp-content\/uploads\/2018\/07\/a-c-1-1024x546.png 1024w, https:\/\/thebaths.org\/wp-content\/uploads\/2018\/07\/a-c-1-768x409.png 768w\" sizes=\"auto, (max-width: 1227px) 100vw, 1227px\" \/><\/div><\/div>  <\/div><\/div>[vc_row_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;2\/3&#8243;]<h2 class=\"eut-element eut-title eut-align-inherit eut-h2\" style=\"\"><span>Parallax Background<\/span><\/h2>[vc_column_text css=&#8221;.vc_custom_1537102096256{margin-bottom: 30px !important;}&#8221;]This is the classic vertical Parallax effect, smooth and impressive.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row height_ratio=&#8221;70&#8243; padding_top_multiplier=&#8221;2x&#8221; rc_bg_type=&#8221;image&#8221; rc_bg_image=&#8221;1401&#8243; rc_bg_image_type=&#8221;horizontal-parallax-lr&#8221; rc_bg_image_size=&#8221;responsive&#8221; rc_bg_parallax_threshold=&#8221;0.5&#8243;][vc_column text_align=&#8221;center&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;2\/3&#8243;]<h2 class=\"eut-element eut-title eut-align-inherit eut-h2\" style=\"\"><span>Horizontal parallax left to right<\/span><\/h2>[vc_column_text css=&#8221;.vc_custom_1537102154555{margin-bottom: 200px !important;}&#8221;]Horizontal parallax effect for amazing sections with a left to right transition.[\/vc_column_text]<div class=\"eut-element eut-image eut-align-center\" style=\"\"><div class=\"eut-image-wrapper eut-popup-item\" style=\"max-width:793px;\"><div class=\"eut-thumbnail-wrapper\"  style=\"max-width: 793px;\"><div class=\"eut-thumbnail\"  style=\"padding-top: 77.175%;\"><img loading=\"lazy\" decoding=\"async\" width=\"793\" height=\"612\" src=\"https:\/\/thebaths.org\/wp-content\/uploads\/2018\/07\/parallax-image-1.png\" class=\"attachment-full size-full\" alt=\"\" data-eutf-filter=\"yes\" srcset=\"https:\/\/thebaths.org\/wp-content\/uploads\/2018\/07\/parallax-image-1.png 793w, https:\/\/thebaths.org\/wp-content\/uploads\/2018\/07\/parallax-image-1-300x232.png 300w, https:\/\/thebaths.org\/wp-content\/uploads\/2018\/07\/parallax-image-1-768x593.png 768w\" sizes=\"auto, (max-width: 793px) 100vw, 793px\" \/><\/div><\/div>  <\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row height_ratio=&#8221;50&#8243; padding_top_multiplier=&#8221;2x&#8221; rc_bg_type=&#8221;image&#8221; rc_bg_image=&#8221;1373&#8243; rc_bg_image_type=&#8221;horizontal-parallax-rl&#8221; rc_bg_image_size=&#8221;full&#8221; rc_bg_parallax_threshold=&#8221;0.5&#8243;][vc_column vertical_content_position=&#8221;bottom&#8221; text_align=&#8221;center&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;2\/3&#8243;]<h2 class=\"eut-element eut-title eut-align-inherit eut-h2\" style=\"\"><span>Horizontal parallax right to left<\/span><\/h2>[vc_column_text css=&#8221;.vc_custom_1537102175906{margin-bottom: 30px !important;}&#8221;]Horizontal parallax effect for amazing sections with a right to left transition.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][\/vc_row_inner]<div class=\"eut-element eut-image eut-align-center\" style=\"\"><div class=\"eut-image-wrapper eut-popup-item\" style=\"max-width:1000px;\"><div class=\"eut-thumbnail-wrapper\"  style=\"max-width: 1000px;\"><div class=\"eut-thumbnail\"  style=\"padding-top: 84.5%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"845\" src=\"https:\/\/thebaths.org\/wp-content\/uploads\/2018\/07\/parallax-l-r-image.png\" class=\"attachment-full size-full\" alt=\"\" data-eutf-filter=\"yes\" srcset=\"https:\/\/thebaths.org\/wp-content\/uploads\/2018\/07\/parallax-l-r-image.png 1000w, https:\/\/thebaths.org\/wp-content\/uploads\/2018\/07\/parallax-l-r-image-300x254.png 300w, https:\/\/thebaths.org\/wp-content\/uploads\/2018\/07\/parallax-l-r-image-768x649.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/div><\/div>  <\/div><\/div>[\/vc_column][\/vc_row][vc_row padding_top_multiplier=&#8221;4x&#8221; padding_bottom_multiplier=&#8221;4x&#8221; rc_heading_color=&#8221;light&#8221; rc_link_color=&#8221;light&#8221; rc_link_hover_color=&#8221;primary-1&#8243; rc_bg_type=&#8221;gradient&#8221; rc_bg_gradient_color_1=&#8221;#5d5bef&#8221; rc_bg_gradient_color_2=&#8221;#0d1ce8&#8243; rc_bg_gradient_direction=&#8221;135&#8243; rc_add_shadow=&#8221;large-shadow&#8221; mobile_columns_vertical_gap=&#8221;none&#8221; rc_font_color=&#8221;#ffffff&#8221;][vc_column text_align=&#8221;center&#8221; mobile_text_align=&#8221;left&#8221;]<h3 class=\"eut-element eut-title eut-align-inherit eut-subtitle-text\" style=\"\"><span>Crocals Elements<\/span><\/h3><h3 class=\"eut-element eut-title eut-align-inherit eut-h3\" style=\"margin-bottom: 0px;\"><span>You might want to consider<\/span><\/h3>[\/vc_column][vc_column]<div class=\"eut-empty-space eut-height-2x\" style=\"\"><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243; tablet_sm_width=&#8221;hide&#8221; mobile_width=&#8221;hide&#8221;][\/vc_column][vc_column width=&#8221;2\/3&#8243; tablet_sm_width=&#8221;1&#8243;][vc_row_inner padding_top_multiplier=&#8221;&#8221; padding_bottom_multiplier=&#8221;&#8221; mobile_columns_vertical_gap=&#8221;none&#8221;][vc_column_inner width=&#8221;1\/4&#8243; mobile_width=&#8221;1-2&#8243;][vc_column_text]<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/counters\/\">Counters<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/buttons\/\">Buttons<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/team\/\">Team<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/carousel\/\">Carousel<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/row-backgrounds\/\">Row Backgrounds<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/pricing\/\">Pricing Tables<\/a><\/p>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243; mobile_width=&#8221;1-2&#8243;][vc_column_text]<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/gallery\/\">Gallery<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/icon-box\/\">Icon Boxes<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/fancy-box\/\">Fancy Boxes<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/image-text\/\">Image Text<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/media-box\/\">Media Box<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/progress-bars\/\">Progress Bars<\/a>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243; mobile_width=&#8221;1-2&#8243;][vc_column_text]<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/parallax-effects\/\">Parallax Effects<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/testimonials\/\">Testimonials<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/typed-text\/\">Typed Text<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/single-image\/\">Single Image<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/google-maps\/\">Google Maps<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/pie-chart\/\">Pie Charts<\/a><br \/>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243; mobile_width=&#8221;1-2&#8243;][vc_column_text]<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/typography\/\">Typography<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/advanced-grid\/\">Advanced Grid<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/modal\/\">Flexible Modals<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/count-down\/\">Count Down<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/sticky-columns\/\">Sticky Columns<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/row-separators\/\">Row Separators<\/a>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=&#8221;1\/6&#8243; tablet_sm_width=&#8221;hide&#8221; mobile_width=&#8221;hide&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row padding_top_multiplier=&#8221;4x&#8221; padding_bottom_multiplier=&#8221;4x&#8221;][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243; text_align=&#8221;center&#8221; column_effect=&#8221;vertical-parallax&#8221; column_effect_limit=&#8221;6x&#8221;][vc_column_text css=&#8221;.vc_custom_1537898821316{margin-bottom: 30px !important;}&#8221;]Add parallax effects in Rows, Inner Rows, Columns and Inner Columns. Three different parallax effects and a sensor to control it.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row][vc_row height_ratio=&#8221;70&#8243; rc_bg_type=&#8221;image&#8221; rc_bg_image=&#8221;1360&#8243; rc_bg_image_type=&#8221;parallax&#8221; rc_bg_image_size=&#8221;full&#8221; rc_bg_parallax_threshold=&#8221;0.8&#8243;][vc_column vertical_content_position=&#8221;bottom&#8221; text_align=&#8221;center&#8221; rc_heading_color=&#8221;light&#8221; rc_font_color=&#8221;#ffffff&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;2\/3&#8243;][vc_column_text css=&#8221;.vc_custom_1537102096256{margin-bottom: 30px !important;}&#8221;]This is the classic vertical Parallax effect, smooth and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1113","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/pages\/1113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/comments?post=1113"}],"version-history":[{"count":0,"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/pages\/1113\/revisions"}],"wp:attachment":[{"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/media?parent=1113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}