How can i do an overlay effect ?

Question

Hello i want to do an overlay effect around my menu like when you click on the menu icon on google on the left corner and a menu appears and the rest of the content is a litte bit grey.

Answer 1

That would be called a modal. W3 schools has a great example for how to code one using JS and CSS. Just search for "W3 modal" and you should be able to find one that isn't for pictures. If that wasn't what you were thinking, let me know. You can also take a look at my code - I use modals for the details button and the search function as well:

https://code.sololearn.com/Wh117ebi576o/?ref=app

Answer 2

Thank you but can i do it without an library ?