Background Appear on transition
I want the background to appear on a border-only box from the bottom centre as a sphere and then cover up the whole thing.
some 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;
}
some 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;
}
