Forums
View unanswered posts | View active topics It is currently Thu Jul 31, 2014 9:33 am



Reply to topic  [ 7 posts ] 
 Shadow Transparency Values 
Author Message

Joined: Thu Feb 02, 2012 11:52 am
Posts: 4
Post Shadow Transparency Values
First, I really appreciate PIE! I am working on a website where I would like the shadow transparency to be very light. I have altered the values as follows:
Code:
-webkit-box-shadow: 0px 0px 8px 5px rgba(68, 68, 68, .2);
-moz-box-shadow: 0px 0px 8px 5px rgba(68, 68, 68, .2);
box-shadow: 0px 0px 8px 5px rgba(68, 68, 68, .2);
behavior: url(pie.htc); background-color: #fff;


However, it seems that PIE has a default shadow value that doesn't seem to change to match the values shown for box-shadow, et al. Is there any way to alter the alpha value for PIE?

Thanks!
Heather


Thu Feb 02, 2012 11:59 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1441
Post Re: Shadow Transparency Values
RGBa colors in box-shadow are not yet supported if the shadow has a blur. See http://css3pie.com/documentation/suppor ... ures/#rgba

This will be fixed in an upcoming version.


Thu Feb 02, 2012 12:43 pm
Profile

Joined: Thu Feb 02, 2012 11:52 am
Posts: 4
Post Re: Shadow Transparency Values
Thank you for the quick response! I was able to resolve the issue by simply changing the RGB values. I learned something new, and for this old broad, the motto is "Always willing to learn..."

Thanks!!
Heather


Thu Feb 02, 2012 1:34 pm
Profile

Joined: Wed Apr 04, 2012 3:21 pm
Posts: 2
Post Re: Shadow Transparency Values
HeatherFeuer wrote:
Thank you for the quick response! I was able to resolve the issue by simply changing the RGB values. I learned something new, and for this old broad, the motto is "Always willing to learn..."

Thanks!!
Heather


Hi, can you explain in a little more detail what you did? :geek:

In my case, I have a div with a black blurred box-shadow. box-shadow: 0px 8px 8px rgba(0, 0, 0, .25);

So what would I change here? the 0, 0, 0 ? Thanks for any help.


Wed Apr 04, 2012 3:24 pm
Profile

Joined: Thu Feb 02, 2012 11:52 am
Posts: 4
Post Re: Shadow Transparency Values
Yes, you have the right idea. If you go to www.uniquelyyourshosting.com and look at the shadows on the right and left, the code is:
Code:
   -webkit-box-shadow: 0px 0px 30px 50px rgba(225, 225, 250, .6);
   -moz-box-shadow: 0px 0px 30px 50px rgba(225, 225, 250, .6);
   box-shadow: 0px 0px 30px 50px rgba(225, 225, 250, .6);


Basically, the higher the number, the lighter the shadow (255 being white) and the closer to one for the fourth value, the greater the transparency. So .6 is more transparent than .2.


Wed Apr 04, 2012 4:02 pm
Profile

Joined: Wed Apr 04, 2012 3:21 pm
Posts: 2
Post Re: Shadow Transparency Values
HeatherFeuer wrote:
Yes, you have the right idea. If you go to http://www.uniquelyyourshosting.com and look at the shadows on the right and left, the code is:
Code:
   -webkit-box-shadow: 0px 0px 30px 50px rgba(225, 225, 250, .6);
   -moz-box-shadow: 0px 0px 30px 50px rgba(225, 225, 250, .6);
   box-shadow: 0px 0px 30px 50px rgba(225, 225, 250, .6);


Basically, the higher the number, the lighter the shadow (255 being white) and the closer to one for the fourth value, the greater the transparency. So .6 is more transparent than .2.


:lol: I know that already lol. I was asking how you fixed the issue of the transparency not working for the blurred shadow. You said you had resolved the issue by changing the rgb value. Right now it seems that it only does 100% alpha for rgba.


Wed Apr 04, 2012 5:19 pm
Profile

Joined: Thu Feb 02, 2012 11:52 am
Posts: 4
Post Re: Shadow Transparency Values
Ah. My solution was to go lighter period. I sacrificed the transparency in IE by using lighter shadows hence the values so close to 255. You can go to w3c and find browser usage stats. Unfortunately, IE8 is still too widely used not to cater to its peculiarities. Still, it's fun to see how much you can get away with graphically without having to hack too much.


Wed Apr 04, 2012 5:39 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 7 posts ] 

Who is online

Users browsing this forum: No registered users and 4 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.