From left and from top are made like explained on W3 with an interaction that adjusts the width or height of the overlay menu.

From right and from bottom use transforms to move the overlay menu to the right or bottom respectively.