Took a veteran CSS artist's advice on box-shadows and it backfired hard

Some guy on here with 10 years experience told me to use layered box-shadows for a realistic 3D button instead of actual CSS transforms. Spent 4 hours stacking 6 shadows with different offsets and blur values. Looked great in Chrome but fell apart completely in Firefox and Safari. Now I stick to transforms and maybe one shadow max, has anyone else dealt with cross-browser box-shadow nightmares?

2 comments

2 Comments

terry_hayes1810d ago

Did you test it in Firefox halfway through or just hope for the best lol

joseph_lewis928d ago

The "hope for the best" method is pretty much what I did with this one, but not for the reasons most people think. I actually checked it on Chrome first because that's what I had open, then I realized I should probably test Firefox before I pushed it live. Turns out Firefox handled it fine, but the real issue was Safari which is always the problem child for me. I swear Safari breaks something new every single update and half the time it's some random CSS thing that works everywhere else. So yeah I tested it halfway through, just not on the browser I thought I needed to worry about.