Actually it turns out progressive blur is possible with just CSS. With a little bit of masking and layering, was able to achieve the exact effect! Allowed me to reduce header height by a lot, since I didn't need to worry about gradients overlap. Check it out ⬇️ ⬇️ ⬇️

0 likes 0 replies