HTML - Reproducir una página

Buenas, ando en un grado de informática y estoy intentando reproducir con html y css la siguiente página: https://www.haveanicedayonline.nl/ mi duda viene con el recuadro donde pone BEKIJK ONS WERK al lado del video, parte superior de la página (donde esta el fondo azul) en el que cuando pasas el ratón por encima salta la transición de como se autorellena y luego se autovacia, de abajo arriba, se que es un hover pero no se cual seria la animación / transición, si alguien me pudiera ayudar.

Hola Marco,

Que tal con CSS? https://codepen.io/lowpez/pen/WXRgoR
Imagino pronto alguien llegará con la opción en JS :P

Saludos!