Skip to main content
Question

drop-shadow and border look different on browser

  • March 19, 2025
  • 1 reply
  • 11 views

Panda_Program
figma

 

browser

 

 

I ran into a box-shadow and border problem. I implement a button component by CSS looking at figma design comp.

I found the color of this button on figma (image on the left) is different from it on the browser (image on the right).

It seems that the colors from the left edge are shadow, border, content background. However the colors on the browser are border, shadow, content background from left.

 

Does this problem happen because of the rendering engine of figma? Or can I implement this button design in CSS somehow?

dvaliao
Figmate
  • Community Support
  • April 4, 2025

Hey ​@Panda_Program, thanks for flagging this and apologies for the delayed reply! 

We just tried to duplicate this issue in the app and on the browser, but drop-shadows and border are consistent on our end.

Are you still seeing this issue on your end?


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings