• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

box shadow CSS

pank

Active member
#1
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
#3
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
#6
Yep. We do border/outline-radius, box-shadow, text-shadow, box-sizing, transform, and rgba borders/backgrounds.
 

Brogan

XenForo moderator
Staff member
#9
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