Skip to content

Instantly share code, notes, and snippets.

@imliam
Created March 31, 2017 20:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save imliam/635847b54030af8b29531f8d8320a09c to your computer and use it in GitHub Desktop.
Save imliam/635847b54030af8b29531f8d8320a09c to your computer and use it in GitHub Desktop.
Card Stack
/*
|--------------------------------------------------------------------------
| Card Stack
|--------------------------------------------------------------------------
|
| Adds a visual effect to make an element looks like there are multiple
| stacks of it. Uses white background and gray border, used for Bootstrap
| 4 cards.
|
*/
.card-stack {
box-shadow: 0 0.0625em 0.1875em 0 #ffffff,
0 0.5em 0 -0.25em rgba(0, 0, 0, 0.121569),
0 0.5em 0.1875em -0.25em #ffffff,
0 1em 0 -0.5em rgba(0, 0, 0, 0.121569),
0 1em 0.1875em -0.5em #ffffff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment