Skip to content

Instantly share code, notes, and snippets.

@ryanmorr
Last active January 29, 2024 07:23
Show Gist options
  • Save ryanmorr/6937d1f78308ff96e2ab64c1433b1e69 to your computer and use it in GitHub Desktop.
Save ryanmorr/6937d1f78308ff96e2ab64c1433b1e69 to your computer and use it in GitHub Desktop.
Some shadows I like of increasing depths
.shadow-light {
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.23), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}
.shadow-medium {
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.16);
}
.shadow-heavy {
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
}
.shadow-heavier {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.23), 0 10px 30px rgba(0, 0, 0, 0.16);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment