Skip to content

Instantly share code, notes, and snippets.

@JulaineScott

JulaineScott/drop shadows the better way

Created July 30, 2020 21:58
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 JulaineScott/1bce3da878598a3ec272b1068ee4b572 to your computer and use it in GitHub Desktop.
Save JulaineScott/1bce3da878598a3ec272b1068ee4b572 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
drop shadows the better way
//@source https://codepen.io/joshwcomeau/pen/mdVZKwr
.drop-shadow {
filter: drop-shadow(2px 4px 8px hsla(0deg, 0%, 0%, 0.5))
}
@JulaineScott
Copy link
Author

Will work on transparent images to put the shadow on the image, not the image's artboard. Better than box-shadow.

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