Box shadow problem

Matti · 1 Box shadow problem on Mon Jan 31, 2011 10:04 pm

Matti

Registered Member

Posts : 1704
Points: 498
Age : 26
Location : Durres » Albania » Norway
Browser: Firefox

Hi, guys

When I use box shadow inset that works but when I use them both they doesn't work can any one tell me how to fix this...

#wrap {
-moz-box-shadow:inset 0px 5px 10px #626364;
-webkit-box-shadow:inset 0px 5px 10px #626364;
box-shadow:inset 0px 5px 10px #626364;
}

This is for the background shadow but it doesn't work only the inset shadow work.
#wrap {
-moz-box-shadow: 0px 5px 10px #626364;
-webkit-box-shadow: 0px 5px 10px #626364;
box-shadow: 0px 5px 10px #626364;
}

Kryptonian · 2 Re: Box shadow problem on Tue Feb 01, 2011 1:21 am

Kryptonian

Registered Member

Posts : 41
Points: 13
Age : 15
Location : United States, Oregon
Browser: Google Chrome

Outset box shadow? Razz

Inset box shadow? Razz

The CSS you have isn't incorrectly placed or anything. Its likely that its something else to do with other CSS you have, or your browser... Razz

(I'm likely to believe that its other CSS?)

Guest · 3 Re: Box shadow problem on Tue Feb 01, 2011 1:46 am

Guest

I think he's trying to do both simultaneously, like this:

Inset/outset box shadow? Razz

He must combine the box-shadow rules into a single rule, as follows:

Code:: #wrap { -moz-box-shadow:0px 5px 10px #626364,inset 0px 5px 10px #626364; -webkit-box-shadow:0px 5px 10px #626364,inset 0px 5px 10px #626364; box-shadow:0px 5px 10px #626364,inset 0px 5px 10px #626364; }

Kryptonian · 4 Re: Box shadow problem on Tue Feb 01, 2011 2:21 am

Kryptonian

Registered Member

Posts : 41
Points: 13
Age : 15
Location : United States, Oregon
Browser: Google Chrome

@Dion good thinking. Hooray for multiple shadows.

Spoiler:

Code:: -webkit-box-shadow: 0px 0px 0px 1px #AAA, 1px 1px 0px 1px #AAA, 2px 2px 0px 1px #AAA, 3px 3px 0px 1px #AAA, 1px -3px 15px 0px #BBB; -moz-box-shadow: 0px 0px 0px 1px #AAA, 1px 1px 0px 1px #AAA, 2px 2px 0px 1px #AAA, 3px 3px 0px 1px #AAA, 1px -3px 15px 0px #BBB; box-shadow: 0px 0px 0px 1px #AAA, 1px 1px 0px 1px #AAA, 2px 2px 0px 1px #AAA, 3px 3px 0px 1px #AAA, 1px -3px 15px 0px #BBB;

Emilio · 5 Re: Box shadow problem on Tue Feb 01, 2011 2:59 am

Emilio

Registered Member

Posts : 938
Points: 320
Age : 17
Location : Belgium
Browser: Google Chrome

Haha , You guys make me laugh
You guys make it look so easy Smile

Guest · 6 Re: Box shadow problem on Tue Feb 01, 2011 4:35 am

Guest

Emilio wrote:You guys make it look so easy

Krypt has come a long way in the past year...but then again, he learned from "studying" my code, so the result was inevitable. Very Happy

RecAgenda · 7 Re: Box shadow problem on Tue Feb 01, 2011 5:30 am

RecAgenda

WebArtz NewsReporter

Posts : 112
Points: 44
Age : 22
Location : Altus AFB, Oklahoma
Browser: Opera

Now, now children. Rolling Eyes

Kryptonian · 8 Re: Box shadow problem on Tue Feb 01, 2011 8:44 am

Kryptonian

Registered Member

Posts : 41
Points: 13
Age : 15
Location : United States, Oregon
Browser: Google Chrome

@RecAgenda Razz

@Dion

Russel · 9 Re: Box shadow problem on Tue Feb 01, 2011 9:22 am

Russel

WebArtz Moderator

Posts : 809
Points: 49
Age : 22
Location : Philippines
Browser: Firefox

May i remind you guys to please avoid being off topic. All posts must be constructive in nature.

Matti · 10 Re: Box shadow problem on Tue Feb 01, 2011 2:51 pm

Matti

Registered Member

Posts : 1704
Points: 498
Age : 26
Location : Durres » Albania » Norway
Browser: Firefox

dion wrote:I think he's trying to do both simultaneously, like this:

Inset/outset box shadow?

He must combine the box-shadow rules into a single rule, as follows:

Code:
#wrap { -moz-box-shadow:0px 5px 10px #626364,inset 0px 5px 10px #626364; -webkit-box-shadow:0px 5px 10px #626364,inset 0px 5px 10px #626364; box-shadow:0px 5px 10px #626364,inset 0px 5px 10px #626364; }

Thank you Dion, much I appreciate your help. Very Happy

Jophy · 11 Re: Box shadow problem on Tue Feb 01, 2011 5:05 pm

Jophy

Registered Member

Posts : 2714
Points: 262
Age : 16
Location : Philippines ll Requested a username change! Previously known as zoids25 :)
Browser: Firefox

Solved => Locked

Quick Menu

Quick Menu

1 Box shadow problem on Mon Jan 31, 2011 10:04 pm

Matti

2 Re: Box shadow problem on Tue Feb 01, 2011 1:21 am

Kryptonian

3 Re: Box shadow problem on Tue Feb 01, 2011 1:46 am

Guest

4 Re: Box shadow problem on Tue Feb 01, 2011 2:21 am

Kryptonian

5 Re: Box shadow problem on Tue Feb 01, 2011 2:59 am

Emilio

6 Re: Box shadow problem on Tue Feb 01, 2011 4:35 am

Guest

7 Re: Box shadow problem on Tue Feb 01, 2011 5:30 am

RecAgenda

8 Re: Box shadow problem on Tue Feb 01, 2011 8:44 am

Kryptonian

9 Re: Box shadow problem on Tue Feb 01, 2011 9:22 am

Russel

10 Re: Box shadow problem on Tue Feb 01, 2011 2:51 pm

Matti

11 Re: Box shadow problem on Tue Feb 01, 2011 5:05 pm

Jophy