zBogdy06
KPCKevin Powell - Community
•Created by zBogdy06 on 8/31/2023 in #front-end
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;
}
65 replies
KPCKevin Powell - Community
•Created by zBogdy06 on 8/31/2023 in #front-end
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;
}
1 replies