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.

Advertisements

2 Comments

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.

    Himanshu

  2. S

    This can be achieved with CSS and DHTML. However, you can also look at http://orangoo.com/labs/GreyBox/ which provides a similar behavior.

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s