<!-- wp:greenshift-blocks/row {"id":"gsbp-e98db4a","align":"full","displayStyles":false,"background":{"color":"#000000"},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["200px"],"bottom":["300px"]},"locked":false}},"isVariation":"section","htmlTag":"section"} -->
<section class="wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-e98db4a" id="gspb_row-id-gsbp-e98db4a"><div class="gspb_row__content"> <!-- wp:greenshift-blocks/row-column {"id":"gsbp-42743a5"} -->
<div class="wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-42743a5" id="gspb_col-id-gsbp-42743a5"><!-- wp:greenshift-blocks/text {"id":"gsbp-d3a8e7e","textContent":"SCROLL DOWN","background":{"image":["https://greenshift.wpsoul.net/wp-content/uploads/2024/01/0_0.webp"],"positionImage":[{"x":0.49,"y":0.27}]},"typography":{"textShadow":{},"color":"#ffffff","alignment":["center"],"useFluid":true,"fluidSizeMin":"3.2rem","fluidSizePerfect":"6.2vw","fluidSizeMax":"6.5rem","fluidLineMin":"4.2rem","fluidLinePerfect":"6.2vw","fluidLineMax":"7rem","fluidSizeCustomValue":["clamp(3.2rem, 6.2vw, 6.5rem)"],"fluidLineCustomValue":["clamp(4.2rem, 6.2vw, 7rem)"],"customweight":"bold"},"animation":{"duration":700,"easing":"ease","type":"clip-up","usegsap":false,"textrandom":true,"y":"28px"},"enablemask":true} -->
<div id="gspb_text-id-gsbp-d3a8e7e" class="gspb_text gspb_text-id-gsbp-d3a8e7e " data-aos="clip-up" data-aos-easing="ease" data-aos-duration="700">SCROLL DOWN</div>
<!-- /wp:greenshift-blocks/text -->

<!-- wp:spacer {"height":"500px"} -->
<div style="height:500px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:greenshift-blocks/text {"id":"gsbp-de1b00c","textContent":"Multi Animation Demo ","spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"bottom":["30px"]},"locked":false}},"typography":{"textShadow":{},"useFluid":false,"fluidSizeMin":"2.2rem","fluidSizePerfect":"4vw","fluidSizeMax":"2.8rem","fluidLineMin":"2.75rem","fluidLinePerfect":"4.7vw","fluidLineMax":"3.5rem","fluidSizeCustomValue":["clamp(2.2rem, 4vw, 2.8rem)"],"fluidLineCustomValue":["clamp(2.75rem, 4.7vw, 3.5rem)"],"alignment":["center"],"customweight":"bold","size":["3.2vw"],"line_height":["3.5vw"],"color":"#ffffff"},"animation":{"duration":700,"easing":"ease","type":"text_transformations","usegsap":true,"texttype":"chars","y":"80px","sy":null,"textdelay":0.07,"origin":"bottom center","triggerscrub":1,"triggerstart":"top center","triggerend":"+=300","textmask":true}} -->
<div id="gspb_text-id-gsbp-de1b00c" class="gspb_text gspb_text-id-gsbp-de1b00c " data-gsapinit="1" data-duration="0.7" data-y="80px" data-origin="bottom center" data-triggerstart="top center" data-triggerend="+=300" data-triggerscrub="1" data-from="yes" data-text="chars" data-stdelay="0.07">Multi Animation Demo </div>
<!-- /wp:greenshift-blocks/text -->

<!-- wp:greenshift-blocks/container {"id":"gsbp-1fbad3e","animation":{"duration":700,"easing":"ease","type":"mouse","usegsap":true,"mouse_px":"35","mouse_py":"35","mouse_rx":"-20","mouse_ry":"15","mouse_rz":"10"},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{},"locked":false},"marginAuto":[true]},"blockWidth":{"customWidth":{"value":["60vw"]},"customHeight":{"value":[]},"widthType":"custom","maxWidth":["60vw"]}} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-1fbad3e" id="gspb_container-id-gsbp-1fbad3e" data-gsapinit="1" data-duration="0.7" data-from="yes" data-mouse-move="yes" data-mouse-px="35" data-mouse-py="35" data-mouse-rx="-20" data-mouse-ry="15" data-mouse-rz="10"><!-- wp:greenshift-blocks/container {"id":"gsbp-9eb412d","animation":{"duration":2000,"easing":"ease","type":"","usegsap":true,"ry":180,"clipInit":"polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)","triggerstart":"top 65%","triggerend":"+=300","triggerscrub":1,"ease":"none","multiple_animation":"[{\u0022_id\u0022:\u0022gzMTU0MD\u0022,\u0022time\u0022:\u0022\u003c0\u0022,\u0022from\u0022:\u0022no\u0022,\u0022customProps\u0022:[{\u0022name\u0022:\u0022clip-path\u0022,\u0022value\u0022:\u0022polygon(50% 0, 50% 50%, 50% 50%, 50% 100%)\u0022},{\u0022name\u0022:\u0022filter\u0022,\u0022value\u0022:\u0022brightness(4)\u0022}],\u0022ease\u0022:\u0022none\u0022,\u0022obj\u0022:\u0022\u0022,\u0022duration\u0022:1},{\u0022_id\u0022:\u0022c2NDQyMT\u0022,\u0022time\u0022:\u0022\u003c1\u0022,\u0022from\u0022:\u0022no\u0022,\u0022customProps\u0022:[{\u0022name\u0022:\u0022clip-path\u0022,\u0022value\u0022:\u0022polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)\u0022},{\u0022name\u0022:\u0022filter\u0022,\u0022value\u0022:\u0022brightness(1)\u0022}],\u0022ease\u0022:\u0022none\u0022,\u0022obj\u0022:\u0022\u0022,\u0022duration\u0022:1},{\u0022_id\u0022:\u0022E3NzY3ND\u0022,\u0022time\u0022:\u0022\u003c\u0022,\u0022obj\u0022:\u0022.image_front\u0022,\u0022duration\u0022:0.1,\u0022o\u0022:0,\u0022from\u0022:\u0022no\u0022}]","set_from":"to","customProps":[]},"background":{"brightness":1},"blockWidth":{"customWidth":{"value":[]},"customHeight":{"value":[]},"heightType":""},"align":"wide","className":""} -->
<div class="wp-block-greenshift-blocks-container alignwide gspb_container gspb_container-gsbp-9eb412d" id="gspb_container-id-gsbp-9eb412d" data-gsapinit="1" data-duration="2" data-ease="none" data-ry="180" data-triggerstart="top 65%" data-triggerend="+=300" data-triggerscrub="1" data-customprops="[]" data-multianimations="[{"_id":"gzMTU0MD","time":"<0","from":"no","customProps":[{"name":"clip-path","value":"polygon(50% 0, 50% 50%, 50% 50%, 50% 100%)"},{"name":"filter","value":"brightness(4)"}],"ease":"none","obj":"","duration":1},{"_id":"c2NDQyMT","time":"<1","from":"no","customProps":[{"name":"clip-path","value":"polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)"},{"name":"filter","value":"brightness(1)"}],"ease":"none","obj":"","duration":1},{"_id":"E3NzY3ND","time":"<","obj":".image_front","duration":0.1,"o":0,"from":"no"}]"><!-- wp:greenshift-blocks/image {"id":"gsbp-92c3740","scale":["cover"],"width":["custom",null,null,null],"widthUnit":["%","px","px","px"],"customWidth":[100,null,null,null],"customHeight":[400,null,null,null],"originalWidth":1024,"originalHeight":1024,"position":{"positionType":["absolute","","",""],"positions":{"values":{"left":["0px"],"top":["0px"],"right":["0px"],"bottom":["0px"]}},"Zindex":2},"mediaurl":"https://greenshift.wpsoul.net/wp-content/uploads/2024/01/0_1-2.webp","mediaid":3097,"alt":"","ratio":"custom","ratio1":["16"],"ratio2":["9"],"className":"image_front"} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-92c3740 image_front" id="gspb_image-id-gsbp-92c3740"><img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/01/0_1-2.webp" data-src="" alt="" loading="lazy" width="100%" height="1024"/></div>
<!-- /wp:greenshift-blocks/image -->

<!-- wp:greenshift-blocks/image {"id":"gsbp-e0d45ed","scale":["cover"],"width":["custom",null,null,null],"widthUnit":["%","px","px","px"],"customWidth":[100,null,null,null],"customHeight":[400,null,null,null],"originalWidth":1024,"originalHeight":1024,"position":{"positionType":["relative","","",""],"positions":{"values":{}},"Zindex":1},"mediaurl":"https://greenshift.wpsoul.net/wp-content/uploads/2024/01/0_0.webp","mediaid":3098,"alt":"","ratio":"custom","ratio1":["16"],"ratio2":["8"],"className":"image_back"} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-e0d45ed image_back" id="gspb_image-id-gsbp-e0d45ed"><img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/01/0_0.webp" data-src="" alt="" loading="lazy" width="100%" height="1024"/></div>
<!-- /wp:greenshift-blocks/image --></div>
<!-- /wp:greenshift-blocks/container --></div>
<!-- /wp:greenshift-blocks/container -->

<!-- wp:greenshift-blocks/text {"id":"gsbp-c81c04f","textContent":"\u003ca href=\u0022https://greenshiftwp.com/fancy/advanced-flipbox-on-scroll/\u0022 target=\u0022_blank\u0022 rel=\u0022noreferrer noopener\u0022\u003eTutorial about multi-animations and Flip\u003c/a\u003e","spacing":{"margin":{"values":{"top":["150px"]},"locked":false},"padding":{"values":{},"locked":false}},"typography":{"textShadow":{},"color":"#ffffff","alignment":["center"],"colorlinks":"#ffffff","size":["24px"]}} -->
<div id="gspb_text-id-gsbp-c81c04f" class="gspb_text gspb_text-id-gsbp-c81c04f "><a href="https://greenshiftwp.com/fancy/advanced-flipbox-on-scroll/" target="_blank" rel="noreferrer noopener">Tutorial about multi-animations and Flip</a></div>
<!-- /wp:greenshift-blocks/text --></div>
<!-- /wp:greenshift-blocks/row-column --> </div></section>
<!-- /wp:greenshift-blocks/row -->

Copy code