Home/ Questions/Q 6032849
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T05:23:47+00:00

So what I need is simple: user presses something, user sees a shadow effect

  • 0

So what I need is simple: user presses something, user sees a shadow effect on new div (div centered window) on top of all page (with 1/4 size for example) alike chrome set up page

Is it possible with some pure web-kit css art? Or javascript+images combination is needed? And how to do such thing?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    From this quote:

    Web-kit css div shadow: is it possible
    to put it onto div with pure css

    and this one:

    user sees a shadow effect on new div

    It seems as though you’re asking if it’s possible to create the “shadow” effect around the inner div using CSS.

    Chrome’s settings page is using CSS3’s box-shadow to do this:

    -webkit-box-shadow: 0 5px 80px #505050;

    box-shadow works in these browsers: http://caniuse.com/css-boxshadow

    and the cross-browser CSS is:

    -webkit-box-shadow: 0 5px 80px #505050;
-moz-box-shadow: 0 5px 80px #505050;
box-shadow: 0 5px 80px #505050;

    http://jsfiddle.net/XHAbV/

    If you need it to work in older versions of IE, you can use CSS3 PIE to emulate the box-shadow in those browsers.

    If you’re after the JavaScript side of how to do this (a modal window), the other answer covers it quite thoroughly.

    • 0