.card{
clip-path: circle(5% at 10% 10%);
transition: all ease-in-out .3s;
background-color: red;
width: 300px;
height: 300px;
}
.card:hover{
clip-path: circle(75%);
border-radius: 20px;
background: red;
}
<div class="card"></div>
.card{
clip-path: circle(5% at 10% 10%);
transition: all ease-in-out .3s;
background-color: red;
width: 300px;
height: 300px;
}
.card:hover{
clip-path: circle(75%);
border-radius: 20px;
background: red;
}
<div class="card"></div>