CSS3 Box Shadow

Next ❯CSS3 Text

Used to provide shadow effect to elements

  • turned_in_notBox Shadow Property
    • box-shadow


box-shadow: (inset) x y blur shadowSize color

x, y are the position of shadow along their axis
blur defines the shadow-blur
shadowSize defines the size of shadow
color defines the color of shadow

inset keyword is used with box-shadow property to show the shadow inside the element, default it will show shadow outside the element

The Box Shadow is grey
#shadow {
/*box-shadow: x y blur shadowSize color;*/
  box-shadow: 10px 10px 5px 1px grey;
  background-color: #808cd1;
  height: 100px;

  • CSS3 Text
❮ Prev Border Images
Next ❯CSS3 Text
TryOut Examples"Learn to Explore..!"

TryOut Editor