How to Create a Stunning Hover Card for WordPress Blog Post Grids

Опубликовано: 28 Октябрь 2023
на канале: Gutenberg Hub - WordPress Block Editor Goodness

555

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: https://shop.gutenberghub.com/
Hover Box Block: https://shop.gutenberghub.com/product...

-------------------------------------------------------------------------------------------------------------------------------------------------------------
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 | https://wordpress.org/plugins/editorp...
Block Slider | https://wordpress.org/plugins/block-s...
EditorsKit | https://wordpress.org/plugins/block-o...

Join The Gutenberg Community on Facebook:
https://www.facebook.com/groups/26173...

Follow:
Facebook | / gutenberghub
Twitter | / gutenberghub
Website | https://gutenberghub.com/

#gutenberg #wordpress #block #tutorial #gutenberghub #cssgrid #hovereffect

Смотрите видео How to Create a Stunning Hover Card for WordPress Blog Post Grids онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Gutenberg Hub - WordPress Block Editor Goodness 28 Октябрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 555 раз и оно понравилось 9 людям.

1,953