How to make a transition on hover to make background appear but from the bottom center
this is the code
.wrapper{
display:flex;
justify-content: space-evenly;
text-align: center;
flex-direction: row;
align-items: center;
height:100vh;
gap:30px;
}
.box{
flex:1;
padding:3rem;
border:2px solid rgb(5, 5, 233);
border-radius:10px;
transition:all 350ms ease-in-out;
}
.box:Hover{
background-color:rgb(5, 5, 233);
color:#fff;
}
.wrapper{
display:flex;
justify-content: space-evenly;
text-align: center;
flex-direction: row;
align-items: center;
height:100vh;
gap:30px;
}
.box{
flex:1;
padding:3rem;
border:2px solid rgb(5, 5, 233);
border-radius:10px;
transition:all 350ms ease-in-out;
}
.box:Hover{
background-color:rgb(5, 5, 233);
color:#fff;
}
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
