效果图
t96
Wordpress
          <!-- wp:html -->
<style>
    .project-item-img{position:relative}
    .project-item-img:before{display:block;content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:url("/wp-content/uploads/2024/05/plus.png") no-repeat center #000;opacity:0;transition:opacity .3s}
    .project-item:hover .project-item-img:before{opacity:.8;transition:opacity .3s}
    </style>
<!-- /wp:html -->

<!-- wp:group {"style":{"spacing":{"margin":{"bottom":"40px"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group" style="margin-bottom:40px"><!-- wp:heading {"textAlign":"center","textColor":"black"} -->
<h2 class="wp-block-heading has-text-align-center has-black-color has-text-color">Project display</h2>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="retweet" style="display:flex;align-items:center;gap:30px;justify-content:center">
        <span style="width:100px;height:1px;background-color:#d8d8d8;"></span>
        <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            width="25" height="25">
            <path
                d="M0 556.416C0 602.816 4.352 644.8 13.024 682.336 21.696 719.904 33.728 752.544 49.088 780.224 64.416 807.936 83.968 832.32 107.648 853.344 131.36 874.368 157.056 891.552 184.768 904.928 212.48 918.272 244.096 929.12 279.648 937.472 315.2 945.824 351.52 951.648 388.576 955.008 425.632 958.336 466.336 960 510.752 960 555.488 960 596.384 958.336 633.44 955.008 670.496 951.648 706.88 945.824 742.592 937.472 778.304 929.12 810.112 918.272 837.984 904.928 865.856 891.552 891.712 874.368 915.584 853.344 939.456 832.32 959.168 807.936 974.688 780.224 990.208 752.544 1002.304 719.904 1010.976 682.336 1019.648 644.8 1024 602.816 1024 556.416 1024 473.632 996.288 402.016 940.896 341.6 943.872 333.568 946.624 324.48 949.152 314.304 951.648 304.128 953.984 289.6 956.16 270.752 958.336 251.872 957.504 230.112 953.664 205.408 949.824 180.704 942.72 155.488 932.352 129.792L924.864 128.288C919.52 127.296 910.752 127.52 898.56 129.024 886.368 130.528 872.192 133.536 856 138.048 839.808 142.56 818.944 151.232 793.408 164.096 767.872 176.928 740.928 193.056 712.544 212.416 663.808 199.04 596.864 192.384 511.744 192.384 426.944 192.384 360.192 199.04 311.456 212.416 283.072 193.056 255.968 176.928 230.08 164.096 204.224 151.232 183.616 142.56 168.256 138.048 152.896 133.536 138.528 130.624 125.184 129.28 111.84 127.936 103.392 127.52 99.904 128.032 96.384 128.544 93.632 129.12 91.648 129.792 81.28 155.488 74.176 180.672 70.368 205.408 66.528 230.112 65.696 251.872 67.84 270.752 70.016 289.6 72.352 304.128 74.848 314.304 77.376 324.48 80.128 333.568 83.136 341.6 27.712 402.016 0 473.632 0 556.416ZM125.696 682.08C125.696 634.016 147.552 589.952 191.296 549.888 204.288 537.888 219.488 528.8 236.832 522.592 254.208 516.448 273.824 512.928 295.68 512.096 317.536 511.264 338.496 511.424 358.528 512.608 378.56 513.76 403.264 515.36 432.64 517.344 462.016 519.36 487.392 520.352 508.736 520.352 530.112 520.352 555.488 519.36 584.864 517.344 614.24 515.36 638.944 513.76 658.976 512.608 679.008 511.424 699.936 511.264 721.792 512.096 743.68 512.928 763.296 516.448 780.64 522.592 798.016 528.768 813.184 537.888 826.208 549.888 869.952 589.28 891.808 633.344 891.808 682.08 891.808 710.816 888.224 736.256 881.024 758.464 873.856 780.672 864.672 799.264 853.504 814.304 842.304 829.312 826.784 842.08 806.944 852.608 787.072 863.104 767.712 871.2 748.832 876.896 729.984 882.56 705.792 886.976 676.224 890.144 646.688 893.312 620.32 895.232 597.12 895.904 573.92 896.576 544.448 896.928 508.736 896.928 473.024 896.928 443.552 896.576 420.352 895.904 397.152 895.232 370.784 893.312 341.248 890.144 311.712 886.976 287.52 882.56 268.64 876.896 249.792 871.2 230.432 863.104 210.56 852.608 190.688 842.08 175.168 829.312 164 814.304 152.8 799.264 143.616 780.672 136.448 758.464 129.28 736.256 125.696 710.816 125.696 682.08ZM640 672A2 3 2520 1 0 768 672 2 3 2520 1 0 640 672zM256 672A2 3 2520 1 0 384 672 2 3 2520 1 0 256 672z"
                fill="#264767"></path>
        </svg>
        <span style="width:100px;height:1px;background-color:#d8d8d8;"></span>
    </div>
<!-- /wp:html -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#666666"},"spacing":{"margin":{"bottom":"0px"}}}} -->
<p class="has-text-align-center has-text-color" style="color:#666666;margin-bottom:0px">Tell us about your great team. A few lines of enthusiastic self-introduction can quickly shorten the distance between you and visitors.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:columns {"className":"flex2"} -->
<div class="wp-block-columns flex2"><!-- wp:column {"className":"project-item"} -->
<div class="wp-block-column project-item"><!-- wp:group {"className":"project-item-img","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group project-item-img"><!-- wp:image {"id":1400,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="https://wp.richimachinery.com/wp-content/uploads/2024/05/800-400.jpg" alt="" class="wp-image-1400" style="border-radius:10px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"project-item"} -->
<div class="wp-block-column project-item"><!-- wp:group {"className":"project-item-img","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group project-item-img"><!-- wp:image {"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image size-large has-custom-border"><img src="https://wp.richimachinery.com/wp-content/uploads/2024/05/800-400.jpg" alt="" style="border-radius:10px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"project-item"} -->
<div class="wp-block-column project-item"><!-- wp:group {"className":"project-item-img","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group project-item-img"><!-- wp:image {"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image size-large has-custom-border"><img src="https://wp.richimachinery.com/wp-content/uploads/2024/05/800-400.jpg" alt="" style="border-radius:10px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"project-item"} -->
<div class="wp-block-column project-item"><!-- wp:group {"className":"project-item-img","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group project-item-img"><!-- wp:image {"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image size-large has-custom-border"><img src="https://wp.richimachinery.com/wp-content/uploads/2024/05/800-400.jpg" alt="" style="border-radius:10px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"className":"flex2"} -->
<div class="wp-block-columns flex2"><!-- wp:column {"className":"project-item"} -->
<div class="wp-block-column project-item"><!-- wp:group {"className":"project-item-img","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group project-item-img"><!-- wp:image {"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image size-large has-custom-border"><img src="https://wp.richimachinery.com/wp-content/uploads/2024/05/800-400.jpg" alt="" style="border-radius:10px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"project-item"} -->
<div class="wp-block-column project-item"><!-- wp:group {"className":"project-item-img","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group project-item-img"><!-- wp:image {"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image size-large has-custom-border"><img src="https://wp.richimachinery.com/wp-content/uploads/2024/05/800-400.jpg" alt="" style="border-radius:10px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"project-item"} -->
<div class="wp-block-column project-item"><!-- wp:group {"className":"project-item-img","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group project-item-img"><!-- wp:image {"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image size-large has-custom-border"><img src="https://wp.richimachinery.com/wp-content/uploads/2024/05/800-400.jpg" alt="" style="border-radius:10px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"project-item"} -->
<div class="wp-block-column project-item"><!-- wp:group {"className":"project-item-img","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group project-item-img"><!-- wp:image {"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image size-large has-custom-border"><img src="https://wp.richimachinery.com/wp-content/uploads/2024/05/800-400.jpg" alt="" style="border-radius:10px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
pellet-richi
           
        
v5