Grow, Shrink & Appear on Container Hover - Free CSS

Grow, Shrink & Appear on Container Hover - Free CSS to add to Containers.
selector .role, selector .profile {
transition: 0.5s ease-in-out;}
selector .role {
opacity: 0;}
selector:hover .role {
opacity: 1;}
selector .profile {
width: 80%;
position: absolute;
bottom: 0;}
selector:hover .profile {
width: 100%;
}
selector {
background-size: 120%;
transition: background-size 0.5s ease-in-out;
}
selector:hover {
background-size: 100%;
}
👉 Grab our $1 Business Packs: learn.websquad...
👉 WordPress Hosting: be.elementor.c...
👉 The Pro Page Builder: be.elementor.c...
Need 1-2-1 Support: learn.websquad...
Join our Facebook Group: / websquadron
Get Code Snippets Pro: r.freemius.com...

[@QuaverloveStudio]

Love it! Already I'm thinking of adding a [css] control for the background overlay, maybe 02s longer than what's on the other elements... then have the button appear at the same time as the overlay.
Always got me thinking, Imran. Much appreciated.

[@patsymutiso]

So cool! Now I need figure out where to implement this on my website 😊

[@RachedNoureddine]

you look like the girl his using in the video ....

[@pattipeilohyg]

Love this, keep up the good work Imran

[@3pcgi959]

Very Nice.

[@KillahManjaro]

NICE!

[@KaiBuskirk]

Fire!

[@decrea8439]

first