Image block

Blog Staff

May 2, 2022

Image block very similar to regular image core block, but it has much more options including the possibility to show different sizes per different resolutions, set absolute position, different align per resolution, animation including reveal effects

It can be very interesting to use image block with Greenshift Css transition options to make infinite animations. I call it “Breathe effect”

Copy this post’s content

Copy code below, and paste it (CTRL+V) in content of page

</p> <p>Image block very similar to regular image core block, but it has much more options including the possibility to show different sizes per different resolutions, set absolute position, different align per resolution, animation including reveal effects</p> <div id="gspb_image-id-gsbp-248de450-1c6e" class="gspb_image gspb_image-id-gsbp-248de450-1c6e wp-block-greenshift-blocks-image"><img decoding="async" src="https://greenshiftwp.com/wp-content/uploads/2022/04/main_image.webp" data-src="" alt="" class="wp-image-310" width="300px" height="676" data-aos="zoom-in-up" data-aos-easing="ease" data-aos-duration="700" srcset="https://greenshiftwp.com/wp-content/uploads/2022/04/main_image.webp 563w, https://greenshiftwp.com/wp-content/uploads/2022/04/main_image-250x300.webp 250w" sizes="(max-width: 563px) 100vw, 563px" /></div> <p>It can be very interesting to use image block with Greenshift Css transition options to make infinite animations. I call it “Breathe effect”</p> <div id="gspb_container-id-gsbp-7fa1e64f-d452" class="gspb_container gspb_container-gsbp-7fa1e64f-d452 wp-block-greenshift-blocks-container"> <div id="gspb_image-id-gsbp-ae66a344-1f23" class="gspb_image gspb_image-id-gsbp-ae66a344-1f23 wp-block-greenshift-blocks-image"><img decoding="async" src="https://greenshiftwp.com/wp-content/uploads/2022/04/avatar-6.webp" data-src="" alt="" width="172" height="172"/></div> <div id="gspb_image-id-gsbp-f05c6bbd-af52" class="gspb_image gspb_image-id-gsbp-f05c6bbd-af52 wp-block-greenshift-blocks-image"><img decoding="async" src="https://greenshiftwp.com/wp-content/uploads/2022/04/avatar-5.webp" data-src="" alt="" width="172" height="172"/></div> <div id="gspb_image-id-gsbp-0906e49b-28d9" class="gspb_image gspb_image-id-gsbp-0906e49b-28d9 wp-block-greenshift-blocks-image"><img decoding="async" src="https://greenshiftwp.com/wp-content/uploads/2022/04/avatar-3.webp" data-src="" alt="" width="172" height="172"/></div> <div id="gspb_image-id-gsbp-c1a247e7-bd41" class="gspb_image gspb_image-id-gsbp-c1a247e7-bd41 wp-block-greenshift-blocks-image"><img decoding="async" src="https://greenshiftwp.com/wp-content/uploads/2022/04/avatar-2.webp" data-src="" alt="" width="172" height="172"/></div> </div> <p>