效果图
t125
Wordpress
          <!-- wp:group {"style":{"spacing":{"blockGap":"1px","margin":{"bottom":"40px"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
<div class="wp-block-group" style="margin-bottom:40px"><!-- wp:html -->
<style>
    .c0h1n6:hover{color:#3b90c5 !important;transition:color .3s}
    </style>
<!-- /wp:html -->

<!-- wp:paragraph {"style":{"color":{"background":"#252525","text":"#3b90c5"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"10px","left":"0px"},"padding":{"top":"10px","right":"3vw","bottom":"10px","left":"3vw"}}},"className":"c0h1n6"} -->
<p class="c0h1n6 has-text-color has-background" style="color:#3b90c5;background-color:#252525;margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;padding-top:10px;padding-right:3vw;padding-bottom:10px;padding-left:3vw">ALL</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"background":"#252525"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"10px","left":"0px"},"padding":{"top":"10px","right":"3vw","bottom":"10px","left":"3vw"}}},"textColor":"white","className":"c0h1n6"} -->
<p class="c0h1n6 has-white-color has-text-color has-background" style="background-color:#252525;margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;padding-top:10px;padding-right:3vw;padding-bottom:10px;padding-left:3vw">Feed Pellet Machine</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"background":"#252525"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"10px","left":"0px"},"padding":{"top":"10px","right":"3vw","bottom":"10px","left":"3vw"}}},"textColor":"white","className":"c0h1n6"} -->
<p class="c0h1n6 has-white-color has-text-color has-background" style="background-color:#252525;margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;padding-top:10px;padding-right:3vw;padding-bottom:10px;padding-left:3vw">Feed Pellet Machine</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:html -->
<style>
    .a3c5y8{position:relative;overflow:hidden}
    .a3c5y8 .txt{position:absolute;width:100%;left:0;bottom:0;opacity:0;transition:opacity .3s}
    .a3c5y8 .txt-in{transform:scale(1.2);transition:transform .3s}
    .a3c5y8:hover .txt{opacity:1;transition:opacity .3s}
    .a3c5y8:hover .txt-in{transform:scale(1);transition:all .3s}
@media(max-width:1200px){.a3c5y8 .txt{opacity:1}}
    </style>
<!-- /wp:html -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"className":"a3c5y8"} -->
<div class="wp-block-column a3c5y8"><!-- wp:image {"id":1413,"sizeSlug":"full","linkDestination":"none","align":"full"} -->
<figure class="wp-block-image alignfull size-full"><img src="https://wp.richimachinery.com/wp-content/uploads/2024/05/800-800.jpg" alt="" class="wp-image-1413"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"color":{"background":"#3b90c5"},"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"className":"txt","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group txt has-background" style="background-color:#3b90c5;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}},"border":{"style":"solid","width":"1px"}},"borderColor":"white","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group has-border-color has-white-border-color" style="border-style:solid;border-width:1px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"1.2rem"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-size:1.2rem">Feed Pellet Machine</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"right","textColor":"white"} -->
<p class="has-text-align-right has-white-color has-text-color">&gt;</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"a3c5y8"} -->
<div class="wp-block-column a3c5y8"><!-- wp:image {"id":1413,"sizeSlug":"full","linkDestination":"none","align":"full"} -->
<figure class="wp-block-image alignfull size-full"><img src="https://wp.richimachinery.com/wp-content/uploads/2024/05/800-800.jpg" alt="" class="wp-image-1413"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"color":{"background":"#3b90c5"},"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"className":"txt","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group txt has-background" style="background-color:#3b90c5;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}},"border":{"style":"solid","width":"1px"}},"borderColor":"white","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group has-border-color has-white-border-color" style="border-style:solid;border-width:1px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"1.2rem"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-size:1.2rem">Feed Pellet Machine</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"right","textColor":"white"} -->
<p class="has-text-align-right has-white-color has-text-color">&gt;</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"a3c5y8"} -->
<div class="wp-block-column a3c5y8"><!-- wp:image {"id":1413,"sizeSlug":"full","linkDestination":"none","align":"full"} -->
<figure class="wp-block-image alignfull size-full"><img src="https://wp.richimachinery.com/wp-content/uploads/2024/05/800-800.jpg" alt="" class="wp-image-1413"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"color":{"background":"#3b90c5"},"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"className":"txt","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group txt has-background" style="background-color:#3b90c5;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}},"border":{"style":"solid","width":"1px"}},"borderColor":"white","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group has-border-color has-white-border-color" style="border-style:solid;border-width:1px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"1.2rem"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-size:1.2rem">Feed Pellet Machine</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"right","textColor":"white"} -->
<p class="has-text-align-right has-white-color has-text-color">&gt;</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"className":"a3c5y8"} -->
<div class="wp-block-column a3c5y8"><!-- wp:image {"id":1413,"sizeSlug":"full","linkDestination":"none","align":"full"} -->
<figure class="wp-block-image alignfull size-full"><img src="https://wp.richimachinery.com/wp-content/uploads/2024/05/800-800.jpg" alt="" class="wp-image-1413"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"color":{"background":"#3b90c5"},"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"className":"txt","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group txt has-background" style="background-color:#3b90c5;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}},"border":{"style":"solid","width":"1px"}},"borderColor":"white","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group has-border-color has-white-border-color" style="border-style:solid;border-width:1px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"1.2rem"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-size:1.2rem">Feed Pellet Machine</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"right","textColor":"white"} -->
<p class="has-text-align-right has-white-color has-text-color">&gt;</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"a3c5y8"} -->
<div class="wp-block-column a3c5y8"><!-- wp:image {"id":1413,"sizeSlug":"full","linkDestination":"none","align":"full"} -->
<figure class="wp-block-image alignfull size-full"><img src="https://wp.richimachinery.com/wp-content/uploads/2024/05/800-800.jpg" alt="" class="wp-image-1413"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"color":{"background":"#3b90c5"},"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"className":"txt","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group txt has-background" style="background-color:#3b90c5;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}},"border":{"style":"solid","width":"1px"}},"borderColor":"white","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group has-border-color has-white-border-color" style="border-style:solid;border-width:1px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"1.2rem"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-size:1.2rem">Feed Pellet Machine</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"right","textColor":"white"} -->
<p class="has-text-align-right has-white-color has-text-color">&gt;</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"a3c5y8"} -->
<div class="wp-block-column a3c5y8"><!-- wp:image {"id":1413,"sizeSlug":"full","linkDestination":"none","align":"full"} -->
<figure class="wp-block-image alignfull size-full"><img src="https://wp.richimachinery.com/wp-content/uploads/2024/05/800-800.jpg" alt="" class="wp-image-1413"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"color":{"background":"#3b90c5"},"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"className":"txt","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group txt has-background" style="background-color:#3b90c5;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}},"border":{"style":"solid","width":"1px"}},"borderColor":"white","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group has-border-color has-white-border-color" style="border-style:solid;border-width:1px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"1.2rem"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-size:1.2rem">Feed Pellet Machine</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"right","textColor":"white"} -->
<p class="has-text-align-right has-white-color has-text-color">&gt;</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
pellet-richi
              
        
v5