Recently while working on a project with a developer, I was asked by him to only use box shadows and simply using the blur effect on a rectangle does not produce the same CSS effect. I am using Figma for design.
Is there a rule/principle that says one should only be using box shadows? At least that’s what I got out of the conversation with the developer. I understand this is not a technical question more of opinion & hence subjective. Thanks!
Answer
Is there a rule/principle that says one should only be using box shadows?
Yes, and it is that the developer asked for it. The thing is that a company can simply have some design rules.
In this specific case, a shadow does not need an additional DIV element, a blurred rectangle probably does.
Besides that, no. You could make a webpage using blur all over the place if you want.
The point here is if the browsers you think your users will use, supports it. There are a few that does not support CSS filter effects, (blur is one of them) https://caniuse.com/?search=CSS%20filter
Attribution
Source : Link , Question Author : Nisha Changrani , Answer Author : Rafael