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

[Simeneuro]

Buenas, he visto que se puede hacer que pase una línea por la mitad de un div verticalmente con ::before, pero no consigo hallar como. ¿Alguien tiene idea?

Muchas gracias, un saludo.

[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.

[Simeneuro]

Perfecto, pero tengo un problema... si pongo height: 1px; solo me hace un pixel, peor yo quiero que cubra todo el div. El problema es que le div cambia, es decir, que se hace más grande o más pequeño cada vez que entras a la web, porque cambiar en función de unas variables....

[pzin]

Entonces dale una altura de 100% pero ya no es una línea.

[Simeneuro]

Hombre, con una línea me refería a una raya jaja.

El problema realmente no era ese, era que si le daba 100% de height se me generaba otro error, pero de todas formas ya está solucionado.. Gracias!