Jump to content

Search bar - Fade out surrounding


Recommended Posts



I'm new to CSS and trying to figure something out. I want to have my search bar so when the user clicks it, the entire page fades except for the search bar. So although the bar itself doesn't change, it creates the effect of it being highlighted. If anyone could point me in the right direction that would be great!




Link to comment
Share on other sites

1 hour ago, Vishal_N said:

The request was that the page fades out when the user focuses the search bar but the search bar remains visible. Your code just covers the whole page with black when the user clicks a button.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...