Skip to main content
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?

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


Terms & ConditionsCookie settings