Download Code
Copy code below, and paste it (CTRL+V) in content of page
<!-- wp:greenshift-blocks/pinscroll {"id":"gsbp-4cb3b772-aa0f","flexAlign":"full","triggerstart":"top top","triggerend":"+=800","blockWidth":{"customWidth":{"value":[100],"unit":["%","px","px","px"]},"customHeight":{"value":[],"unit":["px","px","px","px"]},"widthType":""},"align":"full"} --> <div class="wp-block-greenshift-blocks-pinscroll alignfull gspb_pinscroll_wrap"><div id="gspb_gsapin-gsbp-4cb3b772-aa0f" class="gs-pin-wrap gs-gsap-wrap undefined" data-triggertype="scroll" data-triggerstart="top top" data-triggerend="+=800" data-ease="none" data-pinned="yes" data-pinforce="yes" style="display:block"><!-- wp:greenshift-blocks/container {"id":"gsbp-c6f3bbed-0919","minHeight":[100,null,null,null],"minHeightUnit":["vh","px","px","px"],"flexbox":{"type":"flexbox","alignItems":["center"],"flexDirection":["column"],"justifyContent":["center"]},"background":{"color":"#ebebeb"},"spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false},"overflow":["hidden"]},"align":"full"} --> <div id="gspb_container-id-gsbp-c6f3bbed-0919" class="gspb_container gspb_container-gsbp-c6f3bbed-0919 wp-block-greenshift-blocks-container alignfull"><!-- wp:greenshift-blocks/animation-container {"id":"gsbp-db43d7d2-8ade","x":1500,"background":"","triggerstart":"0","triggerend":"+=600","triggerscrub":1,"set_from":false,"responsive":{"customcss":"{GREENSHIFT} .gs-gsap-wrap{\n\u002d\u002dcolor:black;\ncolor: var(\u002d\u002dcolor);\n}"},"position":{"positionType":["relative","","",""],"positions":{"values":{}},"Zindex":1},"variable1":"\u002d\u002dcolor","variable1value":"#ff5722"} --> <div id="gspb_gsap-gsbp-db43d7d2-8ade"><div id="gsbp-db43d7d2-8ade" class="gs-gsap-wrap" data-x="1500" data-duration="1" data-triggertype="scroll" data-triggerstart="0" data-triggerend="+=600" data-triggerscrub="1" data-variable1="--color" data-variable1value="#ff5722"><!-- wp:greenshift-blocks/heading {"id":"gsbp-ca8abc08-68f2","headingContent":"Scroll Down Scroll Down Scroll Down Scroll Down","typography":{"textShadow":{},"sizeUnit":"em","size":[12],"whiteSpace":"nowrap"}} --> <h2 id="gspb_heading-id-gsbp-ca8abc08-68f2" class="gspb_heading gspb_heading-id-gsbp-ca8abc08-68f2 ">Scroll Down Scroll Down Scroll Down Scroll Down</h2> <!-- /wp:greenshift-blocks/heading --></div></div> <!-- /wp:greenshift-blocks/animation-container --> <!-- wp:greenshift-blocks/animation-container {"id":"gsbp-7ccf3df2-4d89","blockWidth":{"customWidth":{"value":[100],"unit":["%","px","px","px"]},"customHeight":{"value":[100],"unit":["vh","px","px","px"]},"heightType":"custom","widthType":"custom"},"triggerstart":"200","triggerend":"+=800","triggerscrub":1,"set_from":false,"responsive":{"customcss":"{GREENSHIFT}{pointer-event:none;}{GREENSHIFT} .gs-gsap-wrap{\n\u002d\u002dcircle: 0%;\nclip-path: circle(var(\u002d\u002dcircle) at 50% 50%);\npointer-event:none;\n}\n"},"position":{"positionType":["absolute","","",""],"positions":{"values":{"left":["0px"],"top":["0px"],"right":["0px"],"bottom":["0px"]}},"Zindex":10},"variable1":"\u002d\u002dcircle","variable1value":"100%","align":"full"} --> <div id="gspb_gsap-gsbp-7ccf3df2-4d89" class="wp-block-greenshift-blocks-animation-container alignfull"><div id="gsbp-7ccf3df2-4d89" class="gs-gsap-wrap" data-duration="1" data-triggertype="scroll" data-triggerstart="200" data-triggerend="+=800" data-triggerscrub="1" data-variable1="--circle" data-variable1value="100%"><!-- wp:greenshift-blocks/video {"id":"gsbp-02ead0f6-2ef5","videoid":2233,"src":"https://greenshift.wpsoul.net/wp-content/uploads/2022/08/videohome.mp4","provider":"video","autoplay":true,"playsInline":true,"loop":true,"muted":true,"controls":false,"postDate":"2022-09-14T23:43:50","width":[100,null,null,null],"height":[100,null,null,null],"widthUnit":["%","px","px","px"],"heightUnit":["vh","px","px","px"],"objfit":"cover","position":{"positionType":["static","","",""],"positions":{"values":{"top":[null],"right":[null],"bottom":[null],"left":[null]}},"Zindex":0}} --> <div class="wp-block-greenshift-blocks-video gs-video video gspb_video-id-gsbp-02ead0f6-2ef5" id="gs-video-gsbp-02ead0f6-2ef5"><div class="gs-video-wrapper" itemscope><div class="gs-video-element" data-src="https://greenshift.wpsoul.net/wp-content/uploads/2022/08/videohome.mp4" data-autoplay="true" data-playsinline="true" data-controls="false" data-loop="true" data-mute="true" data-poster="" data-provider="video" data-overlay="false" data-lightbox="false"></div></div></div> <!-- /wp:greenshift-blocks/video --></div></div> <!-- /wp:greenshift-blocks/animation-container --></div> <!-- /wp:greenshift-blocks/container --></div></div> <!-- /wp:greenshift-blocks/pinscroll -->
Css variable animate
Scroll Down Scroll Down Scroll Down Scroll Down
