Skip to content

Instantly share code, notes, and snippets.

@ogbaoghene

ogbaoghene/Material Design Shadows

Created January 24, 2015 07:41
Show Gist options
  • Save ogbaoghene/b4ab09d3603a3ed2addf to your computer and use it in GitHub Desktop.
Save ogbaoghene/b4ab09d3603a3ed2addf to your computer and use it in GitHub Desktop.
Download ZIP
Shadows consist of two layers: a top shadow for depth and a bottom shadow for definition.
Raw
Material Design Shadows
z-depth = 1
Top Shadow
12% black
x-offset=0
y-offset=1dp
blur: 1.5dp
Bottom Shadow
24% black
x-offset=0
y-offset=1dp
blur: 1dp
z-depth = 2
Top Shadow
16% black
x-offset=0
y-offset=3dp
blur: 3dp
Bottom Shadow
23% black
x-offset=0
y-offset=3dp
blur: 3dp
z-depth = 3
Top Shadow
19% black
x-offset=0
y-offset=10dp
blur: 10dp
Bottom Shadow
23% black
x-offset=0
y-offset=6dp
blur: 3dp
z-depth = 4
Top Shadow
25% black
x-offset=0
y-offset=14dp
blur: 14dp
Bottom Shadow
22% black
x-offset=0
y-offset=10dp
blur: 5dp
z-depth = 5
Top Shadow
30% black
x-offset=0
y-offset=19dp
blur: 19dp
Bottom Shadow
22% black
x-offset=0
y-offset=15dp
blur: 6dp
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment