webkit multiple inline shadows

Posted by meo on Stack Overflow See other posts from Stack Overflow or by meo
Published on 2010-04-30T20:09:56Z Indexed on 2010/05/01 20:17 UTC
Read the original article Hit count: 326

Filed under:

safari

|

css3

|

webkit

I have trouble setting multiple shadows on one element in webkit:

-moz-box-shadow: inset 0 0 3px #999, 0 0 5px #fff;
-webkit-box-shadow: inset 0 0 3px #999, 0 0 5px #fff;
box-shadow: inset 0 0 3px #999, 0 0 5px #fff;

it works fine in firefox but safari displays only the inset shadow. i tried to set both values separately. But safari takes just count of the last value:

-webkit-box-shadow: inset 0 0 3px #999;
-webkit-box-shadow: 0 5px #fff;

is it possible to set more then one shadow on a single element in safari/webkit?

© Stack Overflow or respective owner

Related posts about safari

MP4 plays on Safari 4 (desktop) but not on Safari Mobile (iphone)

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm encoding the video with ffmpeg and displaying it using the HTML 5 video tag. It works fine on Firefox (i'm also providing a ogg version) and Safari 4. However, when I try to open it on the iphone I get a "Cannot Play Movie" error. Here is the ffmpeg command I'm using: ffmpeg -y -i movie.mov… >>> More
Positioning 1px off in Safari/Mac but works on Safari/Windows

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm beating my head against a wall on this one; the logo image ("It's All About Revenue") shifts up by one pixel in Safari on Mac, but renders correctly in all other browser/OS combinations I've been able to test. Does anyone have any ideas on why this might be? Here's the site: http://blog.eloqua… >>> More
Safari extensions: style of selectbox like safari's bookmark folders

as seen on Stack Overflow - Search for 'Stack Overflow'
Hey guys, I'm developing an extension for Safari 5 at the moment. In my extension, I use an additional toolbar, with selectboxes in it. Now, it would be great to style these like the folders in the bookmarks toolbar look. I know that it would be possible to replace my select with a completely styleable… >>> More
How to Use and Manage Extensions to Safari 5

as seen on How to geek - Search for 'How to geek'
While there have been hacks to include extensions in Safari for some time now, Safari 5 now offers proper support for them. Today we take a look at managing extensions in the latest version of Safari. Installation and Setup Download and install Safari 5 (link below). Make sure to download the installer… >>> More
Bug with audio reCaptcha in safari

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi all, Can other Safari users please test http://recaptcha.net/learnmore.html for me, to see if the audio reCaptcha plays properly? On my machine, I can only hear the audio if I click the Download sound as MP3 link. I also don't get the spoken introduction at all. It works OK in Firefox and Chrome… >>> More

Related posts about css3

A Few of My Favorite HTML5 and CSS3 Online Tools

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
I really enjoy coding up HTML5, CSS3, and JavaScript applications but there are some things that I’m better off writing with the help of a development tool. For example, CSS3 gradients aren’t exactly the most fun thing to write by hand and the same could be said for animations, transforms, or styles… >>> More
CSS3 - Validator - RGBA wrong?

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm using the W3C CSS Validator with the Profile CSS3 but the validator says that my CSS rgba()'s are wrong. I looked up the Color Module Level 3, and the syntax is the same as mine. I also tried the Dev-Validator, same result. Example input: div.class { border: 1px solid rgba(0, 0, 0, 0.5); } Am… >>> More
CSS3 webkit fading in a tooltip.

as seen on Stack Overflow - Search for 'Stack Overflow'
HI, I've just been experimenting with a CSS tooltip that fades in with CSS3's transitions. I've got it working up to a point, but for some reason, when I hover over where it's meant to be, it activates, even though it's positioned left:-999px;. So basically, what am I doing wrong/is what I was… >>> More
Poll: CSS3 color transparency

as seen on Stack Overflow - Search for 'Stack Overflow'
Many of you already know that you can express colors in your stylesheets like: color: #FFF; color: #FFFFFF; color: rgb(255,255,255); color: hsl(100%,100%,100%); and that you can use rgba() and hsla() to express color transparency. Do you think it would be a good idea to be able to express color… >>> More
Webkit CSS3 for Mozilla

as seen on Stack Overflow - Search for 'Stack Overflow'
What is the equivalent of -webkit-transition: opacity 0.6s linear; in -moz? I tried replacing -webkit with -moz but nothing happened. I even tried extending it to -moz-transition-property/duration but with no success. >>> More