box shadow CSS

[pank]

Just curious if it is safe (for cross browser compatibly) to just use

box-shadow:
border-radius:

As opposed to putting webkit- Moz- etc. in front of it in the CSS?
I've only tested on Mac (Safari / Chrome / FF 3.x) so far and it seems to work fine, but I'd feel better with some backup opinions

Thanks in advance!

I did search Google but really didn't find any definitive answer.

 

[Paul B]

This may help - it lists browser compatibility for CSS3 declarations: http://www.quirksmode.org/css/contents.html

 

[pank]

Thanks, looks like it may be best to use all the prefixes...

box-shadow:
-webkit-box-shadow:
-moz-box-shadow:
-o-box-shadow:
-ms-box-shadow:

 

[Mike]

With XF, it's safe as we translate to the browser-specific versions automatically.

 

[pank]

With XF, it's safe as we translate to the browser-specific versions automatically.

Oh man, that is sweet! Thank Mike.
Just so I'm clear it "is" safe to just use those without "any" prefix at all?
Thanks again...

 

[Mike]

Yep. We do border/outline-radius, box-shadow, text-shadow, box-sizing, transform, and rgba borders/backgrounds.

 

[bogus]

With XF, it's safe as we translate to the browser-specific versions automatically.

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

 

[pank]

Thanks Mike

 

[Paul B]

Heh, for some reason I assumed you meant for use outside XenForo, on another project

Still, at least you've got that handy guide now