box-shadow Archives - scmGalaxy

box-shadow Archives - scmGalaxy https://www.scmgalaxy.com/tutorials/tag/box-shadow/ A Platform for Software Engineers Wed, 13 Apr 2022 16:34:30 +0000 en-US hourly 1 https://wordpress.org/?v=7.1 How to use box-shadow property in CSS? https://www.scmgalaxy.com/tutorials/how-to-use-box-shadow-property-in-css/ https://www.scmgalaxy.com/tutorials/how-to-use-box-shadow-property-in-css/#respond Fri, 06 Aug 2021 12:46:47 +0000 https://www.scmgalaxy.com/tutorials/?p=7500 This property is used to attach one or more shadows to an element. Syntax: – box-shadow: h-shadow v-shadow blur spread […]

The post How to use box-shadow property in CSS? appeared first on scmGalaxy.

]]> This property is used to attach one or more shadows to an element.

Syntax: –

box-shadow: h-shadow v-shadow blur spread color inset

h-shadow – The position of the horizontal shadow. Negative values are allowed.
v-shadow – The position of the vertical shadow. Negative values are allowed.
blur – The blur distance.
Spread – Size of shadow. Negative values are allowed
color – The color of the shadow
none – No shadow. Default
inset – Changes the shadow from an outer shadow (outset) to an inner shadow
div {box-shadow: 2px 2px 5px red;}
div {box-shadow: 2px 2px 5px red, 5px 5px 8px blue;}

The post How to use box-shadow property in CSS? appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/how-to-use-box-shadow-property-in-css/feed/ 0