Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive page using Css and JavaScript

@DiogoOkeke

Desktop design screenshot for the Intro section with dropdown navigation coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


How do I make the page blur when the hamburger menu is clicked like the one in the design?

Community feedback

P

@mihalymarcell86

Posted

Hello @DiogoOkeke,

for the page blur, you can put a transparent backdrop <div> over the viewport, and then apply a blur() filter on it, once the menu opens. Check out this MDN page for details.

Hope that helps!

0

@DiogoOkeke

Posted

@mihalymarcell86 Thank you so much for your help.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord