Apply Multiple Box Shadows To Single Element
PreviousAnimate Smoothly Between Two Background ColorsNextApply Styles Based On Dark-Mode Preferences
Last updated
Was this helpful?
Last updated
Was this helpful?
Multiple box-shadows can be applied to the same DOM element. The box-shadow
property accepts a comma-separated list of box-shadow
directives.
Here is a pretty nasty looking example from the :
Here is a more practical :
This gives the effect of a solid border with some shadow for depth.
Multiple shadows has .