6
Tried CSS box-shadows for clouds vs actual gradient layers and the gradients won by a landslide
Spent an afternoon recreating a skyline with box-shadows for fluffy clouds, then redid it with layered radial gradients and the gradients looked way softer and took half the code to run - has anyone else found a hidden trick for clouds that beats both?
2 comments
Log in to join the discussion
Log In2 Comments
emmar753d ago
oh man gradients are great but have you tried using CSS filters with drop-shadow on pseudo elements? like layer a few of those and you get this dreamy soft effect without all the math. i did this last week for a sunset scene and it looked like a painting.
3
ray2102d ago
23 layers of box-shadow later I finally threw in the towel and switched to gradients. That drop-shadow trick with pseudo elements sounds dangerous, I did something similar last week for a foggy bridge scene and ended up with 8 pseudo elements stacked on each other. It gave this nice hazy look but my browser started chugging loading the page, so gradients still felt cleaner in the end. The softness you get from gradients is hard to beat though, especially for clouds that need to blend into a sky.
0