Tutorial about connected lines and parallax
Download Code
<!-- wp:greenshift-blocks/row {"id":"gsbp-38145f41-673e","align":"full","displayStyles":false,"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["60px"],"bottom":["60px"]},"locked":false},"overflow":["hidden"]},"isVariation":"section","htmlTag":"section"} -->
<section class="wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-38145f41-673e" id="gspb_row-id-gsbp-38145f41-673e"><div class="gspb_row__content"> <!-- wp:greenshift-blocks/row-column {"id":"gsbp-bc930cfc-0a1e"} -->
<div class="wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-bc930cfc-0a1e" id="gspb_col-id-gsbp-bc930cfc-0a1e"><!-- wp:greenshift-blocks/container {"id":"gsbp-3af80391-070d","position":{"positionType":["relative","","",""],"positions":{"values":{}}},"blockWidth":{"customWidth":{"value":[]},"customHeight":{"value":[]},"heightType":"custom","minHeight":["140vh"]},"align":"wide"} -->
<div class="wp-block-greenshift-blocks-container alignwide gspb_container gspb_container-gsbp-3af80391-070d" id="gspb_container-id-gsbp-3af80391-070d"><!-- wp:greenshift-blocks/container {"id":"gsbp-59ae57ba-4ab9","columnStart":[3],"columnEnd":[4],"rowStart":[2],"rowEnd":[3],"shadow":{"hoffset":0,"voffset":32,"blur":48,"spread":0,"color":"rgba(0, 0, 0, 0.15)","position":"","preset":"6"},"position":{"positionType":["absolute","","",""],"positions":{"values":{"left":["330px",null,"0px","0px"],"top":["0px"]}},"Zindex":4}} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-59ae57ba-4ab9" id="gspb_container-id-gsbp-59ae57ba-4ab9"><!-- wp:greenshift-blocks/image {"id":"gsbp-d35e5c3d-d0c2","scale":["cover"],"width":["custom",null,null,null],"height":["custom",null,null,null],"customWidth":[300,null,null,null],"customHeight":[530,null,null,null],"originalWidth":516,"originalHeight":922,"animation":{"duration":700,"easing":"ease","type":"","usegsap":true},"mediaurl":"https://greenshift.wpsoul.net/wp-content/uploads/2023/12/Group-2066-1.webp","mediaid":2903,"alt":""} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-d35e5c3d-d0c2" id="gspb_image-id-gsbp-d35e5c3d-d0c2"><img src="https://greenshift.wpsoul.net/wp-content/uploads/2023/12/Group-2066-1.webp" data-src="" alt="" loading="lazy" width="300" height="530" data-gsapinit="1" data-duration="0.7" data-from="yes"/></div>
<!-- /wp:greenshift-blocks/image -->
<!-- wp:greenshift-blocks/container {"id":"gsbp-f97c7d8c-b723","dynamicGClasses":[{"value":"animate_left_top","type":"local","label":"animate_left_top","localed":false,"css":"body .animate_left_top{width:200px;max-width:100%;}body .animate_left_top{height:300px;}","attributes":{"size":{"customWidth":{"value":["200px"]},"customHeight":{"value":["300px"]},"widthType":"custom","heightType":"custom","maxWidth":["100%"]}},"originalID":"gsbp-f97c7d8c-b723","originalBlock":"greenshift-blocks/container","selectors":[]}],"animation":{"duration":700,"easing":"ease","type":"","usegsap":true,"customProps":[{"name":"height","value":"-=200"}],"set_from":"to","triggerscrub":1,"triggerstart":"","customtrigger":".topcontainer"},"position":{"positionType":["absolute","","",""],"positions":{"values":{"left":["0px"],"top":["0px"]}}},"blockWidth":{"customWidth":{"value":[]},"customHeight":{"value":[]},"widthType":"","heightType":""},"className":"animate_left_top"} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-f97c7d8c-b723 animate_left_top" id="gspb_container-id-gsbp-f97c7d8c-b723" data-gsapinit="1" data-duration="0.7" data-triggerscrub="1" data-customprops="[{"name":"height","value":"-=200"}]" data-customtrigger=".topcontainer"><!-- wp:greenshift-blocks/svgshape {"id":"gsbp-1de2be02-af52","customshapeOn":true,"customshape":"\u003csvg\u003e\n\t\t\t\t\t\t\t\t\t\u003cline x1=\u00220\u0022 y1=\u00220\u0022 x2=\u0022100%\u0022 y2=\u0022100%\u0022 stroke-width=\u00222\u0022 stroke=\u0022#3E515E\u0022 stroke-dasharray=\u00227,10\u0022 stroke-linecap=\u0022round\u0022\u003e\u003c/line\u003e\n\t\t\t\t\t\t\t\t\u003c/svg\u003e","width":[100,null,null,null],"height":[100,null,null,null],"widthUnit":["%","px","px","px"],"heightUnit":["%","px","px","px"]} -->
<div class="wp-block-greenshift-blocks-svgshape gspb_svgBox gspb_svgBox-id-gsbp-1de2be02-af52" id="gspb_svgBox-id-gsbp-1de2be02-af52"><svg>
<line x1="0" y1="0" x2="100%" y2="100%" stroke-width="2" stroke="#3E515E" stroke-dasharray="7,10" stroke-linecap="round"></line> </svg></div>
<!-- /wp:greenshift-blocks/svgshape --></div>
<!-- /wp:greenshift-blocks/container -->
<!-- wp:greenshift-blocks/container {"id":"gsbp-0d885ef0-c400","dynamicGClasses":[{"value":"animate_right_top","type":"local","label":"animate_right_top","localed":false,"css":"body .animate_right_top{width:700px;max-width:100%;}body .animate_right_top{height:300px;}","attributes":{"size":{"customWidth":{"value":["700px"]},"customHeight":{"value":["300px"]},"widthType":"custom","heightType":"custom","maxWidth":["100%"]}},"originalID":"gsbp-0d885ef0-c400","originalBlock":"greenshift-blocks/container","selectors":[]}],"animation":{"duration":700,"easing":"ease","type":"","usegsap":true,"customProps":[{"name":"height","value":"-=200"}],"set_from":"to","triggerscrub":1,"triggerstart":"","customtrigger":".topcontainer"},"position":{"positionType":["absolute","","",""],"positions":{"values":{"left":["100%"],"top":["0px"]}}},"blockWidth":{"customWidth":{"value":[]},"customHeight":{"value":[]},"widthType":"","heightType":""},"className":"animate_right_top"} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-0d885ef0-c400 animate_right_top" id="gspb_container-id-gsbp-0d885ef0-c400" data-gsapinit="1" data-duration="0.7" data-triggerscrub="1" data-customprops="[{"name":"height","value":"-=200"}]" data-customtrigger=".topcontainer"><!-- wp:greenshift-blocks/svgshape {"id":"gsbp-5aead204-3bbc","customshapeOn":true,"customshape":"\u003csvg\u003e\n\t\t\t\t\t\t\t\t\t\u003cline x1=\u00220\u0022 y1=\u00220\u0022 x2=\u0022100%\u0022 y2=\u0022100%\u0022 stroke-width=\u00222\u0022 stroke=\u0022#3E515E\u0022 stroke-dasharray=\u00227,10\u0022 stroke-linecap=\u0022round\u0022\u003e\u003c/line\u003e\n\t\t\t\t\t\t\t\t\u003c/svg\u003e","width":[100,null,null,null],"height":[100,null,null,null],"widthUnit":["%","px","px","px"],"heightUnit":["%","px","px","px"]} -->
<div class="wp-block-greenshift-blocks-svgshape gspb_svgBox gspb_svgBox-id-gsbp-5aead204-3bbc" id="gspb_svgBox-id-gsbp-5aead204-3bbc"><svg>
<line x1="0" y1="0" x2="100%" y2="100%" stroke-width="2" stroke="#3E515E" stroke-dasharray="7,10" stroke-linecap="round"></line> </svg></div>
<!-- /wp:greenshift-blocks/svgshape --></div>
<!-- /wp:greenshift-blocks/container -->
<!-- wp:greenshift-blocks/container {"id":"gsbp-c700316d-61ad","dynamicGClasses":[{"value":"animate_left_bottom","type":"local","label":"animate_left_bottom","localed":false,"css":"body .animate_left_bottom{width:200px;max-width:100%;}body .animate_left_bottom{height:300px;}","attributes":{"size":{"customWidth":{"value":["200px"]},"customHeight":{"value":["300px"]},"widthType":"custom","heightType":"custom","maxWidth":["100%"]}},"originalID":"gsbp-c700316d-61ad","originalBlock":"greenshift-blocks/container","selectors":[]}],"animation":{"duration":700,"easing":"ease","type":"","usegsap":true,"customProps":[{"name":"height","value":"-=200"}],"set_from":"to","triggerscrub":1,"triggerstart":"","customtrigger":".topcontainer"},"position":{"positionType":["absolute","","",""],"positions":{"values":{"left":["0px"],"top":["100%"],"bottom":[null]}}},"blockWidth":{"customWidth":{"value":[]},"customHeight":{"value":[]},"widthType":"","heightType":""},"className":"animate_left_bottom"} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-c700316d-61ad animate_left_bottom" id="gspb_container-id-gsbp-c700316d-61ad" data-gsapinit="1" data-duration="0.7" data-triggerscrub="1" data-customprops="[{"name":"height","value":"-=200"}]" data-customtrigger=".topcontainer"><!-- wp:greenshift-blocks/svgshape {"id":"gsbp-41f2ee70-e318","spacing":{"margin":{"values":{"bottom":["0px"]},"locked":false},"padding":{"values":{},"locked":false}},"customshapeOn":true,"customshape":"\u003csvg\u003e\n\t\t\t\t\t\t\t\t\t\u003cline x1=\u00220\u0022 y1=\u00220\u0022 x2=\u0022100%\u0022 y2=\u0022100%\u0022 stroke-width=\u00222\u0022 stroke=\u0022#3E515E\u0022 stroke-dasharray=\u00227,10\u0022 stroke-linecap=\u0022round\u0022\u003e\u003c/line\u003e\n\t\t\t\t\t\t\t\t\u003c/svg\u003e","width":[100,null,null,null],"height":[100,null,null,null],"widthUnit":["%","px","px","px"],"heightUnit":["%","px","px","px"]} -->
<div class="wp-block-greenshift-blocks-svgshape gspb_svgBox gspb_svgBox-id-gsbp-41f2ee70-e318" id="gspb_svgBox-id-gsbp-41f2ee70-e318"><svg>
<line x1="0" y1="0" x2="100%" y2="100%" stroke-width="2" stroke="#3E515E" stroke-dasharray="7,10" stroke-linecap="round"></line> </svg></div>
<!-- /wp:greenshift-blocks/svgshape --></div>
<!-- /wp:greenshift-blocks/container -->
<!-- wp:greenshift-blocks/svgshape {"id":"gsbp-c80ee7c1-a415","width":[12,null,null,null],"height":[12,null,null,null],"position":{"positionType":["absolute","","",""],"positions":{"values":{"left":["-6px"],"top":["-6px"]}}},"shapeSeparator":{"shape":"17"}} -->
<div class="wp-block-greenshift-blocks-svgshape gspb_svgBox gspb_svgBox-id-gsbp-c80ee7c1-a415" id="gspb_svgBox-id-gsbp-c80ee7c1-a415"><svg xmlns="https://www.w3.org/2000/svg" version="1.1" data-style="17" x="0px" y="0px" viewBox="0 0 200 200" preserveAspectRatio="none" fill="#333"><path data-style="17" d="M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0"></path><defs><linearGradient><stop></stop><stop></stop></linearGradient></defs></svg></div>
<!-- /wp:greenshift-blocks/svgshape -->
<!-- wp:greenshift-blocks/svgshape {"id":"gsbp-ae083ac7-1c9a","width":[12,null,null,null],"height":[12,null,null,null],"position":{"positionType":["absolute","","",""],"positions":{"values":{"left":[null],"top":["-6px"],"right":["-6px"]}}},"shapeSeparator":{"shape":"17"}} -->
<div class="wp-block-greenshift-blocks-svgshape gspb_svgBox gspb_svgBox-id-gsbp-ae083ac7-1c9a" id="gspb_svgBox-id-gsbp-ae083ac7-1c9a"><svg xmlns="https://www.w3.org/2000/svg" version="1.1" data-style="17" x="0px" y="0px" viewBox="0 0 200 200" preserveAspectRatio="none" fill="#333"><path data-style="17" d="M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0"></path><defs><linearGradient><stop></stop><stop></stop></linearGradient></defs></svg></div>
<!-- /wp:greenshift-blocks/svgshape -->
<!-- wp:greenshift-blocks/svgshape {"id":"gsbp-403970c3-f1d0","width":[12,null,null,null],"height":[12,null,null,null],"position":{"positionType":["absolute","","",""],"positions":{"values":{"left":[null],"top":[null],"right":["-6px"],"bottom":["-6px"]}}},"shapeSeparator":{"shape":"17"}} -->
<div class="wp-block-greenshift-blocks-svgshape gspb_svgBox gspb_svgBox-id-gsbp-403970c3-f1d0" id="gspb_svgBox-id-gsbp-403970c3-f1d0"><svg xmlns="https://www.w3.org/2000/svg" version="1.1" data-style="17" x="0px" y="0px" viewBox="0 0 200 200" preserveAspectRatio="none" fill="#333"><path data-style="17" d="M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0"></path><defs><linearGradient><stop></stop><stop></stop></linearGradient></defs></svg></div>
<!-- /wp:greenshift-blocks/svgshape -->
<!-- wp:greenshift-blocks/svgshape {"id":"gsbp-4c3ded52-aaf9","width":[12,null,null,null],"height":[12,null,null,null],"animation":{"duration":700,"easing":"ease","type":"","usegsap":true},"position":{"positionType":["absolute","","",""],"positions":{"values":{"left":["-6px"],"top":[null],"right":[null],"bottom":["-6px"]}}},"shapeSeparator":{"shape":"17"}} -->
<div class="wp-block-greenshift-blocks-svgshape gspb_svgBox gspb_svgBox-id-gsbp-4c3ded52-aaf9" id="gspb_svgBox-id-gsbp-4c3ded52-aaf9" data-gsapinit="1" data-duration="0.7" data-from="yes"><svg xmlns="https://www.w3.org/2000/svg" version="1.1" data-style="17" x="0px" y="0px" viewBox="0 0 200 200" preserveAspectRatio="none" fill="#333"><path data-style="17" d="M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0"></path><defs><linearGradient><stop></stop><stop></stop></linearGradient></defs></svg></div>
<!-- /wp:greenshift-blocks/svgshape --></div>
<!-- /wp:greenshift-blocks/container -->
<!-- wp:greenshift-blocks/container {"id":"gsbp-bd897ca8-2ad5","animation":{"duration":700,"easing":"ease","type":"","usegsap":true,"y":"-200px","set_from":"to","triggerstart":"","triggerscrub":1},"shadow":{"hoffset":0,"voffset":32,"blur":48,"spread":0,"color":"rgba(0, 0, 0, 0.15)","position":"","preset":"6"},"position":{"positionType":["","","",""],"positions":{"values":{"top":["300px"],"left":["530px",null,"200px"]}},"Zindex":4},"blockWidth":{"customWidth":{"value":["800px"]},"customHeight":{"value":[]},"widthType":"custom"},"className":"topcontainer"} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-bd897ca8-2ad5 topcontainer" id="gspb_container-id-gsbp-bd897ca8-2ad5" data-gsapinit="1" data-duration="0.7" data-y="-200px" data-triggerscrub="1"><!-- wp:greenshift-blocks/image {"id":"gsbp-d8fb0311-5560","scale":["cover"],"width":["custom",null,null,null],"height":["custom",null,null,null],"customWidth":[800,null,null,null],"customHeight":[530,null,null,null],"originalWidth":1398,"originalHeight":922,"animation":{"duration":700,"easing":"ease","type":"","usegsap":true,"customPropsM":[{"name":"df","value":"dd"}]},"mediaurl":"https://greenshift.wpsoul.net/wp-content/uploads/2023/12/Group-2071.webp","mediaid":2898,"alt":""} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-d8fb0311-5560" id="gspb_image-id-gsbp-d8fb0311-5560"><img src="https://greenshift.wpsoul.net/wp-content/uploads/2023/12/Group-2071.webp" data-src="" alt="" loading="lazy" width="800" height="530" data-gsapinit="1" data-duration="0.7" data-custompropsm="[{"name":"df","value":"dd"}]" data-from="yes"/></div>
<!-- /wp:greenshift-blocks/image -->
<!-- wp:greenshift-blocks/svgshape {"id":"gsbp-8cce3989-eb46","width":[12,null,null,null],"height":[12,null,null,null],"position":{"positionType":["absolute","","",""],"positions":{"values":{"left":["-6px"],"top":["-6px"]}}},"shapeSeparator":{"shape":"17"}} -->
<div class="wp-block-greenshift-blocks-svgshape gspb_svgBox gspb_svgBox-id-gsbp-8cce3989-eb46" id="gspb_svgBox-id-gsbp-8cce3989-eb46"><svg xmlns="https://www.w3.org/2000/svg" version="1.1" data-style="17" x="0px" y="0px" viewBox="0 0 200 200" preserveAspectRatio="none" fill="#333"><path data-style="17" d="M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0"></path><defs><linearGradient><stop></stop><stop></stop></linearGradient></defs></svg></div>
<!-- /wp:greenshift-blocks/svgshape -->
<!-- wp:greenshift-blocks/svgshape {"id":"gsbp-a7bfb146-b973","width":[12,null,null,null],"height":[12,null,null,null],"position":{"positionType":["absolute","","",""],"positions":{"values":{"left":[null],"top":["-6px"],"right":["-6px"]}}},"shapeSeparator":{"shape":"17"}} -->
<div class="wp-block-greenshift-blocks-svgshape gspb_svgBox gspb_svgBox-id-gsbp-a7bfb146-b973" id="gspb_svgBox-id-gsbp-a7bfb146-b973"><svg xmlns="https://www.w3.org/2000/svg" version="1.1" data-style="17" x="0px" y="0px" viewBox="0 0 200 200" preserveAspectRatio="none" fill="#333"><path data-style="17" d="M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0"></path><defs><linearGradient><stop></stop><stop></stop></linearGradient></defs></svg></div>
<!-- /wp:greenshift-blocks/svgshape -->
<!-- wp:greenshift-blocks/svgshape {"id":"gsbp-84660f77-0e5b","width":[12,null,null,null],"height":[12,null,null,null],"position":{"positionType":["absolute","","",""],"positions":{"values":{"left":[null],"top":[null],"right":["-6px"],"bottom":["-6px"]}}},"shapeSeparator":{"shape":"17"}} -->
<div class="wp-block-greenshift-blocks-svgshape gspb_svgBox gspb_svgBox-id-gsbp-84660f77-0e5b" id="gspb_svgBox-id-gsbp-84660f77-0e5b"><svg xmlns="https://www.w3.org/2000/svg" version="1.1" data-style="17" x="0px" y="0px" viewBox="0 0 200 200" preserveAspectRatio="none" fill="#333"><path data-style="17" d="M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0"></path><defs><linearGradient><stop></stop><stop></stop></linearGradient></defs></svg></div>
<!-- /wp:greenshift-blocks/svgshape -->
<!-- wp:greenshift-blocks/svgshape {"id":"gsbp-34926ffe-76d3","width":[12,null,null,null],"height":[12,null,null,null],"animation":{"duration":700,"easing":"ease","type":"","usegsap":true},"position":{"positionType":["absolute","","",""],"positions":{"values":{"left":["-6px"],"top":[null],"right":[null],"bottom":["-6px"]}}},"shapeSeparator":{"shape":"17"}} -->
<div class="wp-block-greenshift-blocks-svgshape gspb_svgBox gspb_svgBox-id-gsbp-34926ffe-76d3" id="gspb_svgBox-id-gsbp-34926ffe-76d3" data-gsapinit="1" data-duration="0.7" data-from="yes"><svg xmlns="https://www.w3.org/2000/svg" version="1.1" data-style="17" x="0px" y="0px" viewBox="0 0 200 200" preserveAspectRatio="none" fill="#333"><path data-style="17" d="M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0"></path><defs><linearGradient><stop></stop><stop></stop></linearGradient></defs></svg></div>
<!-- /wp:greenshift-blocks/svgshape --></div>
<!-- /wp:greenshift-blocks/container -->
<!-- wp:greenshift-blocks/image {"id":"gsbp-286012f8-7ba6","width":["300px",null,null,null],"originalWidth":516,"originalHeight":922,"shadow":{"hoffset":0,"voffset":32,"blur":48,"spread":0,"color":"rgba(0, 0, 0, 0.15)","position":"","preset":"6"},"position":{"positionType":["absolute","","",""],"positions":{"values":{"top":["200px"],"left":[0,null,null,"-250px"],"bottom":[null],"right":[null]}}},"mediaurl":"https://greenshift.wpsoul.net/wp-content/uploads/2023/12/Group-2066.webp","mediaid":2899,"alt":""} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-286012f8-7ba6" id="gspb_image-id-gsbp-286012f8-7ba6"><img src="https://greenshift.wpsoul.net/wp-content/uploads/2023/12/Group-2066.webp" data-src="" alt="" loading="lazy" width="300px" height="922"/></div>
<!-- /wp:greenshift-blocks/image -->
<!-- wp:greenshift-blocks/image {"id":"gsbp-366fbb48-2ca6","width":["300px",null,null,null],"originalWidth":516,"originalHeight":922,"shadow":{"hoffset":0,"voffset":32,"blur":48,"spread":0,"color":"rgba(0, 0, 0, 0.15)","position":"","preset":"6"},"position":{"positionType":["absolute","","",""],"positions":{"values":{"top":["560px"],"left":["330px",null,null,"81px"],"bottom":[null],"right":[null]}}},"mediaurl":"https://greenshift.wpsoul.net/wp-content/uploads/2023/12/Group-2070.webp","mediaid":2902,"alt":""} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-366fbb48-2ca6" id="gspb_image-id-gsbp-366fbb48-2ca6"><img src="https://greenshift.wpsoul.net/wp-content/uploads/2023/12/Group-2070.webp" data-src="" alt="" loading="lazy" width="300px" height="922"/></div>
<!-- /wp:greenshift-blocks/image -->
<!-- wp:greenshift-blocks/image {"id":"gsbp-e32db39d-1ccf","width":["300px",null,null,null],"originalWidth":516,"originalHeight":922,"shadow":{"hoffset":0,"voffset":32,"blur":48,"spread":0,"color":"rgba(0, 0, 0, 0.15)","position":"","preset":"6"},"position":{"positionType":["absolute","","",""],"positions":{"values":{"top":["-40px"],"left":["660px"],"bottom":[null],"right":[null]}}},"mediaurl":"https://greenshift.wpsoul.net/wp-content/uploads/2023/12/Group-2068.webp","mediaid":2901,"alt":""} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-e32db39d-1ccf" id="gspb_image-id-gsbp-e32db39d-1ccf"><img src="https://greenshift.wpsoul.net/wp-content/uploads/2023/12/Group-2068.webp" data-src="" alt="" loading="lazy" width="300px" height="922"/></div>
<!-- /wp:greenshift-blocks/image -->
<!-- wp:greenshift-blocks/image {"id":"gsbp-e0ebd961-4cdd","width":["300px",null,null,null],"originalWidth":516,"originalHeight":922,"shadow":{"hoffset":0,"voffset":32,"blur":48,"spread":0,"color":"rgba(0, 0, 0, 0.15)","position":"","preset":"6"},"position":{"positionType":["absolute","","",""],"positions":{"values":{"top":["620px"],"left":["660px"],"bottom":[null],"right":[null]}}},"mediaurl":"https://greenshift.wpsoul.net/wp-content/uploads/2023/12/Group-2067.webp","mediaid":2900,"alt":""} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-e0ebd961-4cdd" id="gspb_image-id-gsbp-e0ebd961-4cdd"><img src="https://greenshift.wpsoul.net/wp-content/uploads/2023/12/Group-2067.webp" data-src="" alt="" loading="lazy" width="300px" height="922"/></div>
<!-- /wp:greenshift-blocks/image --></div>
<!-- /wp:greenshift-blocks/container --></div>
<!-- /wp:greenshift-blocks/row-column --> </div></section>
<!-- /wp:greenshift-blocks/row -->
<!-- wp:paragraph -->
<p>Tutorial about <a href="https://greenshiftwp.com/fancy/isometric-connected-lines-with-parallax/">connected lines and parallax</a></p>
<!-- /wp:paragraph -->Isometric connected lines with parallax