search

dualiteindia / .github

0 stars 0 forks source link

Common Issue #2 - Shadow coming as a squarish bounded box #2

Open prakhart111 opened 10 months ago

prakhart111 commented 10 months ago

This is another common issue.

If you look at the Bee's bounding box closely enough, you can see that there's a boxy squarish shadow coming over which wasn't in the original design.

Design Screenshot

Output Screenshot

Design File link : <>

Output CodeSandBox Link: https://codesandbox.io/embed/g7rc5d?fontsize=14&hidenavigation=1&theme=dark

prakhart111 commented 10 months ago

We use box-shadow for the generated code. So, if you need to add a non-boxed shadow, you can do that with filter: drop-shadow() property. You can check out the steps to do that here. We're not using this currently because of browser compatibility issues and no support for spread and inset shadows. We'll be adding support for this in the future.