anim-border_closing_in.css

.border-animation {
  position: relative;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transition: padding .2s, border-color .2s;
}

.border-animation::before,
.border-animation::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  transition: height .2s, border-color 0s;
}

.border-animation::before {
  top: 0;
  border-left: 1px solid transparent;
}

.border-animation::after {
  border-right: 1px solid transparent;
}

.border-animation:hover {
  border-color: #000;
}

.border-animation:hover::before,
.border-animation:hover::after {
  height: 100%;
  transition-delay: .1s;
  border-color: #000;
}