Hey Everyone, in this tutorial, I will show you how to create a hover card for the WordPress Gutenberg blog post grid.
Get Block & Plugin:
GutenbergHub Shop: shop.gutenberg...
Hover Box Block: shop.gutenberg...
-------------------------------------------------------------------------------------------------------------------------------------------------------------
CSS Code 👇
.ghub-hoverbox-wrapper:hover .wp-block-cover:first-child {
transition: opacity 900ms cubic-bezier(0.46, 1.25, 1, 1);
opacity: 0;
}
-------------------------------------------------------------------------------------------------------------------------------------------------------------
Useful Gutenberg Plugins:
Editor Plus | wordpress.org/...
Block Slider | wordpress.org/...
EditorsKit | wordpress.org/...
Join The Gutenberg Community on Facebook:
www.facebook.c...
Follow:
Facebook | / gutenberghub
Twitter | / gutenberghub
Website | gutenberghub.com/
#gutenberg #wordpress #block #tutorial #gutenberghub #cssgrid #hovereffect
4 окт 2024