Blur the background

Recently I saw a cool behavior on one of the B2C websites. After adding to the cart, a separate layer was displayed with a close button. And the original page was blurred and no action could be taken on the original page till the layer was closed. Sort of a modal window behavior, but without opening a separate window.

It took a while to come up with an idea on how to do it. Once I got it working, it felt good.


Filed under Uncategorized

2 responses to “Blur the background

  1. Himanshu

    Can you please tell me how you achieved this behavior. I have seen it on a number of sites recently but have no clue how to do it.

    If you can provide code snippet that will be great.

    Thanks in advance.


  2. S

    This can be achieved with CSS and DHTML. However, you can also look at which provides a similar behavior.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s