.div {
  width: 100px;
  height: 100px;
  transition: 500ms border-color;
  text-align: center;
  line-height: 100px;
  margin: 50px;
  color: white;
  border-bottom: 2px solid;
  border-color: transparent;
  background: gray;
}

.div:hover {
  border-color: red;
}

Şöyle bir trick deneyebilirsin.