how to make the bottom of a NgbModal to be transparent so that content beneath is visible...

I have a very basic modal using NgbModal https://stackblitz.com/edit/angular-ngbmodal-be7ia5uq?file=app/modal-component.ts

it open like this


but what i want is to make the bottom gradually fade/transparent such that the content below the modal is visible through the transparent part. I don't need an animation. The modal should have its bottom transparent once it is opened. Is this possible with some css.
Sorry i couldnt figure out way to generate the output image, but i hope my question was clear enough

Continue reading...