Skip to content

Files

Latest commit

 

History

History
15 lines (12 loc) · 767 Bytes

5f0c787397d820f26120215c.md

File metadata and controls

15 lines (12 loc) · 767 Bytes
title date submitter number tags discussion
I want to control the blurring curve of `box-shadow` using cubic bezier functions
2020-07-13 15:06:27 UTC
Iain van der Wiel
5f0c787397d820f26120215c
css

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: