box « shadow « HTML CSS Q&A

1. Most effective way to build box shadows with CSS    stackoverflow.com

I'm interested to find which way of creating box shadows with css is most effective. But that I mean : ease of implementation, flexibility, and cross browser compatibility.

2. Creating a CSS3 box-shadow on all sides but one    stackoverflow.com

I've got a tabbed navigation bar where I'd like the open tab to have a shadow to set it apart from the other tabs. I'd also like the whole tab section ...

3. Hide Section of a Box Shadow    stackoverflow.com

Disclaimer: I have already seen the following questions and their solutions did not apply to me even though they are very similar situations:

• http://stackoverflow.com/questions/1429605/css3-box-shadow-all-sides-but-one
• http://stackoverflow.com/questions/1483261/how-to-add-drop-shadow-to-the-current-element-in-a-tab-menu
• http://stackoverflow.com/questions/253868/css-shadows-on-3-sides#253915

4. Progressive Enhancement with box-shadow    stackoverflow.com

I would like to use WebKit's box-shadow css property for a little drop-down. The code would look like:

.drop_down{
  -webkit-box-shadow: 1px 1px 4px #888;
  box-shadow: 1px 1px 4px #888;
}

5. Prevent box shadow from showing on a specific side    stackoverflow.com

Is there any way to create a css box-shadow in which regardless of the blur value, the shadow only appears on the desired sides? For example if I want to create a ...

6. CSS : How can I add shadow to a label or box    stackoverflow.com

I have an button just as have Ask Question on SO and here is the CSS for it:

.rfs .grey_btn{
   float: right;
   margin: 15px 5px;
}

7. Why does CSS box-shadow produce shadow's in unwanted positions?    stackoverflow.com

Why does:

div { -webkit-box-shadow: 5px 0 20px #c1c1c1; }

8. 45 Degree Angle + Box Shadow - Using nothing but CSS    stackoverflow.com

I need to recreate the following design using only CSS - http://i51.tinypic.com/16josuc.jpg What you're seeing in the picture is the top of a website container - the "links" ...

9. box-shadow and 100% Fluid Width Issue    stackoverflow.com

I've been polishing up a page I built over the past day or two and have run into an issue after using box-shadow - I was hoping someone might shed some ...

10. How do I create a shadowed box in with HTML/CSS like Apple's website so nicely has?    stackoverflow.com

Apple's website has a lot of visually appealing elements and sometimes the fledgling web developer may look at certain elements and wonder just how to reproduce that look. So I pose ...

11. css3 box shadows in one direction only?    stackoverflow.com

I have an element that has inset box shadows, but I want the shadow on only the top. Is there no way to set only the top shadow? Do I have to ...

12. CSS3 Box Shadow on Top, Left, and Right Only    stackoverflow.com

Greetings, I am trying to apply a CSS3 box shadow to only the top, right, and left of a DIV with a radius that matches the result of the following CSS (minus ...

13. Box-shadow only on one side    stackoverflow.com

Many times i need to create a shadow of some block element but only (for example) on its right side. The way I do it is to wrap the inner element ...

14. Can CSS Box shadow flow onto items below it?    stackoverflow.com

Is there a way cover an item below with the box shadow of the item above it? Please take look at:this example Is there a way to cover the the white ...

15. One pixel shadow on three sides using CSS3 box-shadow    stackoverflow.com

I need to create a one pixel shadow on three sides of an element using box shadow. I'm using the following code, except it's creating a two pixel border but I ...

16. Multiple box-shadow declartions in Sass    stackoverflow.com

I would like to create a Sass mixin for the box-shadow property but am running into some troubles. Some of the existing code looks like this.

#someDiv {
  -moz-box-shadow:0 0 5px ...

17. Box Shadow inside TR tag    stackoverflow.com

I am trying to create an inset box shadow effect to a TR element inside a table but with no success. I am using the following CSS:

tr {
     ...

18. Any good CSS3 shadow tutorials, plugins or examples?    stackoverflow.com

I'm joining together a huge list of CSS3 shadows that will include tutorials, plugins, scripts and more. I have discarded all the other search methods and I have found some pretty ...

19. How to Create a Box Shadow?    stackoverflow.com

I'm trying to create a shadow under the lower nav bar on this site. But the CSS below doesn't seem to be working. Any ideas? Thanks, Tara

#catmenucontainer {
    height:25px;
 ...

20. CSS box-shadow on scrolled content    stackoverflow.com

I want to have a div with an inset box-shadow that has scrolled content in it. Unfortunately, the box-shadow doesn't get casted on the elements within the content, but rather on ...

21. Having trouble with box-shadow and embedded YouTube player    stackoverflow.com

I would like to display a drop shadow under my youtube embeds, and I am having trouble when I have different size videos. I can get it to work when I ...

22. Is there a way to stop the box from knocking out a box-shadow?    stackoverflow.com

Even with a transparent background, typically a box-shadow doesn't fill the contents of a box. I think I have seen a demo where this wasn’t the case, but can’t recall how it ...

23. 100% height and box-shadow    stackoverflow.com

Hello I've been trying to make my main container have a shadow, but since I don't have a fixed size in height seems to be a problem with it, so It ...

24. Overrule box-shadow    stackoverflow.com

I have a rule where all images in a get a box-shadow. Now there is one particular image that shouldn't have a box-shadow, but is in the area. Now, ...

25. How can I get box-shadow only on certain sides?    stackoverflow.com

What can I modify so the shadow will not appear at the bottom of a box-shadow? click sign in: aarongoff.com/i

26. CSS box-shadow not displaying correctly    stackoverflow.com

The box cast around my "sign in" link has a 1-2px mini shadow shown at the bottom, while I want it to only display on the right. I've played around with ...

27. box-shadow - Is this possible?    stackoverflow.com

I need to make a shape like the one below and was trying to get it working with CSS. The closest I could get was like this. ...

28. Can I create a nice box shadow with CSS < 3?    stackoverflow.com

I bet CSS3 is not compatible to all browsers. I want to know if there is any method I can create a box shadow with using only CSS and none of the ...

29. HTML Shadow Attributes?    stackoverflow.com

Recently I found these strange HTML attributes in the wild:

<div shadowblur="1" shadowcolor="black" shadowopacity="0.5">

30. box-shadow issue in HTML    stackoverflow.com

I have following css class

.NavNew ul li.current a, .NavNew ul li a:hover, .NavNew ul li:hover
        {
         ...

31. box-shadow on Mouse Over issue in HTML    stackoverflow.com

I have following css class For IE7

    .shadow
            {

         ...