I want to control the blurring curve of box-shadow using cubic bezier functions

[aarongustafson]

In the current implementation of box-shadow, the blur is pretty linear. In other words, the drop in transparency happens in linear steps from the specific color to transparent. If we were able to set a cubic bezier curve to control the steps in transparency of the blur, then we would be able to create nicer and more realistic looking drop shadows.

For examples, see:

• https://kilianvalkhof.com/2020/css-html/using-easing-for-more-than-just-css-transitions/
• https://brumm.af/shadows

---

https://webwewant.fyi/wants/5f0c787397d820f26120215c/