Плавно уменьшаем толщину рамки

by rga4

HTML

<div style="padding:20px; height:500px;width:50vw; background-color:white;">
<div class="ib" style="height:300px; margin:20px;">x</div>
</div>

CSS

.ib {
  border:1px solid black;
  transition: 1s ease;
}
.ib:hover {
  border:1px solid #C0C0C0;
}