Skip to main content
Solved

Reproducing Apple's Card Shadows in Figma

  • March 24, 2023
  • 3 replies
  • 1795 views

ismael

Hello,

I would like to reproduce the shadow of the cards from the Apple website on Figma, and I am having trouble recreating what I find in the browser’s inspector. I would like to first understand the meaning of the information in the inspector to be able to enter it into the drop shadow. Could you tell me in this screenshot where the x, y, and blur values are, and regarding the RGB color, when I enter it into the effect color, the shadow is invisible.
Capture d’écran 2023-03-24 à 17.37.27
Capture d’écran 2023-03-24 à 17.46.45

Thank you in advance for your help.

Best answer by tank666

Chrome Developers

And you entered the wrong opacity value. Instead of 0.08%, you should have entered 8%.

This topic has been closed for replies.

3 replies

tank666
  • 4873 replies
  • Answer
  • March 24, 2023

Chrome Developers

And you entered the wrong opacity value. Instead of 0.08%, you should have entered 8%.


ismael
  • Author
  • 5 replies
  • March 25, 2023

Thank you for your help, and how do you manage to have this popup box with all this information?
Capture d’écran 2023-03-25 à 14.13.45


tank666
  • 4873 replies
  • March 25, 2023

Please follow the link in my post above.