Loading…
25
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
Log in to join the discussion
Log In2 Comments
terry_hayes183mo ago
Did you test it in Firefox halfway through or just hope for the best lol
1
joseph_lewis922mo 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.
3