Skip to content

Instantly share code, notes, and snippets.

@gertig

gertig/Mac style drop shadow.css

Created August 23, 2012 20:38
Show Gist options
  • Save gertig/3441369 to your computer and use it in GitHub Desktop.
Save gertig/3441369 to your computer and use it in GitHub Desktop.
Download ZIP
Mac style drop shadow
Raw
Mac style drop shadow.css
box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 22px 70px 4px rgba(0,0,0,0.56), 0 0 0 1px rgba(0, 0, 0, 0.3);
@dawsbot
Copy link

dawsbot commented Apr 8, 2019

I'm finding this leaves an unusual black border around the element itself if my element's background is white and border color is light.

@Entamut
Copy link

Entamut commented Dec 16, 2019

I'm finding this leaves an unusual black border around the element itself if my element's background is white and border color is light.

Just change alpha of last shadow component to 0.0:

box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 22px 70px 4px rgba(0,0,0,0.56), 0 0 0 1px rgba(0, 0, 0, 0.0);

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment