Hacer que pase una línea por encima de un div con ::before

[pzin]

Algo así debiera de valer:

Código CSS:

div {
  position: relative;
  height: 456px;
}
 
div:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  content: '';
  transition: top .5s;
}
 
div:hover:before {
  top: 100%;
}
 

Añádese los prefijos propietarios pertinentes.