Skip to content

Instantly share code, notes, and snippets.

@eldyvoon
Created June 14, 2022 13:02
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 eldyvoon/98be605945387ffc327b21ad00db7b0f to your computer and use it in GitHub Desktop.
Save eldyvoon/98be605945387ffc327b21ad00db7b0f to your computer and use it in GitHub Desktop.
pure css shadow scroll
/* shadow scroll */
background: linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top,
linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom,
radial-gradient(
farthest-side at 50% 0,
rgba(0, 0, 0, 0.2),
rgba(0, 0, 0, 0)
)
center top,
radial-gradient(
farthest-side at 50% 100%,
rgba(0, 0, 0, 0.2),
rgba(0, 0, 0, 0)
)
center bottom;
background-repeat: no-repeat;
background-size: 100% 40px, 100% 40px, 110% 12px, 110% 12px;
background-attachment: local, local, scroll, scroll;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment