box shadow CSS

pank

Active member
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.
 

pank

Active member
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

XenForo developer
Staff member
With XF, it's safe as we translate to the browser-specific versions automatically.
 
Reactions: DBA

pank

Active member
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

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

Brogan

XenForo moderator
Staff member
Heh, for some reason I assumed you meant for use outside XenForo, on another project :rolleyes:

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