Reveal effect is part of Animation Container block. You can find it in Advanced tab section.
This effect is perfect for images. You can add some kind of square reveal. You can control color, duration, direction of slide
Here is example
Blog Staff
Reveal effect is part of Animation Container block. You can find it in Advanced tab section.
This effect is perfect for images. You can add some kind of square reveal. You can control color, duration, direction of slide
Here is example
<!-- wp:paragraph -->
<p>Reveal effect is part of Animation Container block. You can find it in Advanced tab section.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>This effect is perfect for images. You can add some kind of square reveal. You can control color, duration, direction of slide</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Here is example</p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/container {"id":"gsbp-01906eac-0f7f","calcOperator":["-","-","-","-"],"secondWidth":[null,null,null,null],"secondWidthUnit":["px","px","px","px"],"width":[null,null,null,null],"widthUnit":["%","%","%","%"],"minHeight":[null,null,null,null],"rowspan":[],"columnspan":[],"minHeightUnit":["px","px","px","px"],"flexbox":{"type":"flexbox","justifyContent":["center"],"flexDirection":["row"]},"animation":{"duration":700,"easing":"ease"},"background":{},"overlay":{},"border":{"borderRadius":{"values":{},"unit":"px","locked":true}},"spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"shadow":{},"typography":{},"position":{"positionType":["","","",""],"positions":{"values":{}}},"shapeDivider":{"topShape":{},"bottomShape":{}},"responsive":{},"csstransform":{},"carousel":{"arrowPos":[null,null,null,null],"arrowSize":[null,null,null,null],"arrowPosV":[null,null,null,null]}} -->
<div id="gspb_container-id-gsbp-01906eac-0f7f" class="gspb_container gspb_container-gsbp-01906eac-0f7f wp-block-greenshift-blocks-container"><!-- wp:greenshift-blocks/animation-container {"id":"gsbp-2882c60f-2bd8","reveal_enabled":true,"reveal_speed":0.9,"reveal_bg":"#b951ff26"} -->
<div id="gspb_gsap-gsbp-2882c60f-2bd8"><div class="gs-reveal-wrap" style="position:relative;display:inline-block"><div class="gs-reveal-cont"><div id="gsbp-2882c60f-2bd8" class="gs-gsap-wrap" data-duration="1" data-triggertype="scroll" data-from="yes"><!-- wp:greenshift-blocks/image {"id":"gsbp-8e232f0a-d618","width":["600px",null,null,null],"originalWidth":679,"originalHeight":754,"mediaurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/watch4.webp","mediaid":865,"alt":""} -->
<div id="gspb_image-id-gsbp-8e232f0a-d618" class="gspb_image gspb_image-id-gsbp-8e232f0a-d618 wp-block-greenshift-blocks-image"><img src="https://greenshiftwp.com/wp-content/uploads/2022/05/watch4.webp" data-src="" alt="" width="600px" height="754"/></div>
<!-- /wp:greenshift-blocks/image --></div></div><div data-reveal-dir="lr" data-reveal-speed="0.9" data-reveal-bg="#b951ff26" class="gs-reveal-block" style="position:absolute;top:0;right:0;bottom:0;left:0;width:100%;pointer-events:none"></div></div></div>
<!-- /wp:greenshift-blocks/animation-container --></div>
<!-- /wp:greenshift-blocks/container -->
<!-- wp:greenshift-blocks/container {"id":"gsbp-3a2bd765-5998","calcOperator":["-","-","-","-"],"secondWidth":[null,null,null,null],"secondWidthUnit":["px","px","px","px"],"width":[null,null,null,null],"widthUnit":["%","%","%","%"],"minHeight":[null,null,null,null],"rowspan":[],"columnspan":[],"minHeightUnit":["px","px","px","px"],"flexbox":{"type":"flexbox","flexDirection":["row"],"justifyContent":["center"]},"animation":{"duration":700,"easing":"ease"},"background":{},"overlay":{},"border":{"borderRadius":{"values":{},"unit":"px","locked":true}},"spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"shadow":{},"typography":{},"position":{"positionType":["","","",""],"positions":{"values":{}}},"shapeDivider":{"topShape":{},"bottomShape":{}},"responsive":{},"csstransform":{},"carousel":{"arrowPos":[null,null,null,null],"arrowSize":[null,null,null,null],"arrowPosV":[null,null,null,null]}} -->
<div id="gspb_container-id-gsbp-3a2bd765-5998" class="gspb_container gspb_container-gsbp-3a2bd765-5998 wp-block-greenshift-blocks-container"><!-- wp:greenshift-blocks/animation-container {"id":"gsbp-f9884f94-59dc","reveal_enabled":true,"reveal_dir":"tb","reveal_bg":"#e5fff6"} -->
<div id="gspb_gsap-gsbp-f9884f94-59dc"><div class="gs-reveal-wrap" style="position:relative;display:inline-block"><div class="gs-reveal-cont"><div id="gsbp-f9884f94-59dc" class="gs-gsap-wrap" data-duration="1" data-triggertype="scroll" data-from="yes"><!-- wp:greenshift-blocks/image {"id":"gsbp-c1418107-b35a","align":["center",null,null,null],"width":["600px",null,null,null],"originalWidth":679,"originalHeight":797,"mediaurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/watch2_1.webp","mediaid":867,"alt":""} -->
<div id="gspb_image-id-gsbp-c1418107-b35a" class="gspb_image gspb_image-id-gsbp-c1418107-b35a wp-block-greenshift-blocks-image"><img src="https://greenshiftwp.com/wp-content/uploads/2022/05/watch2_1.webp" data-src="" alt="" width="600px" height="797"/></div>
<!-- /wp:greenshift-blocks/image --></div></div><div data-reveal-dir="tb" data-reveal-speed="1" data-reveal-bg="#e5fff6" class="gs-reveal-block" style="position:absolute;top:0;right:0;bottom:0;left:0;width:100%;pointer-events:none"></div></div></div>
<!-- /wp:greenshift-blocks/animation-container --></div>
<!-- /wp:greenshift-blocks/container -->