Buscando construir una expansión en hover / contract en blur div

Hola a todos, he estado golpeándome la cabeza contra las paredes del motor de búsqueda durante un par de horas y creo que también podría preguntar ...

Necesito construir un div que sea de un tamaño en el desenfoque, digamos 300x30, que se expanda a 300x300 al pasar el mouse y empuje todo el contenido debajo y volverá al tamaño de 300x30 cuando esté borroso ("ya no pasa el cursor" o como sea que estén llamando sus hijos) ahora-a-días jajaja) de nuevo. ¿Alguien puede señalarme algunos recursos o incluso darme algunos bits de código para jugar? Sería muy apreciado!

Respuestas a la pregunta(3)

Su respuesta a la pregunta