Create This Unique CARD With a Show More Content Effect on HOVER | Elementor Flexbox | CSS Tips 2024

Learn How to Create a Unique Card With a Show More Content Effect on Hover using Elementor Flexbox container and some lines of CSS available for free.
Get Elementor Pro: be.elementor.com/visit/?bta=2...
Other CSS tips and Tricks Video to Checkout:
5 Simple and Helpful Elementor CSS Tips & Tricks You Need to Know:
• 5 Simple and Helpful E...
Elementor LOOP Tutorial: Post Title Length, Equal Height Trick | CSS TIPS & TRICKS: • Elementor LOOP Tutoria...
How to Change Button Text/Color on Hover in Elementor | CSS Tips and Tricks 2024: • How to Change Button T...
#elementor #wordpresstutorial #css #thecreativarena

[@thecreativarena]

The CSS CODE USED
/* Reveal Content on hover */
selector .hidden {
height: 0;
opacity: 0;
top:-110px;
transition: .2s ease-in-out;
}
selector{
height:200px;
cursor:pointer;
transition: .2s ease-in-out;
}
selector:hover {
height: auto;
}
selector:hover .hidden{
height: auto;
opacity: 1;
top: 0;
}
.picture {
padding: 0px 20px 20px 20px;
background-color: #000;
border-radius: 0px 0px 25px 25px;
}
/*responsive on mobile*/
@media screen and (max-width: 360px) {
selector{
height:175px;
}
}

[@triciastdominic-my3ri]

Thank you for this ❤

[@KindTom1]

Great video, but a hover effect on mobile doesn't make UX sense.

[@katek1206]

I did not find the plugin of the Elementor Pro in the discussions (((((

[@thecreativarena]

you can get it here be.elementor.com/visit/?bta=206790&nci=5383

[@user-ut8nl9jp4z]

Nice, thanks
Just one question, is this also possible on loop containers?

[@thecreativarena]

yes it is very possible if you follow the same method explained in the tutorial although some minor tweaking is needed to make it look exactly

[@thecreativarena]

if you try it and couldnt get let me know and i will make another tutorial on this for loop

[@user-ut8nl9jp4z]

@@thecreativarena I'm gonna make it right now, i do it as fast as I can

[@user-ut8nl9jp4z]

@@thecreativarena it works verry fine with a few adjustments, thx for this tutorial