16

How to show only right and bottom parts of a shadow?

I know box-shadow can set a bottom. but how to set in -webkit-box-shadow and -moz-box-shadow?

box-shadow-bottom: 0px 4px 4px black;

Alexander Abakumov
  • 13,617
  • 16
  • 88
  • 129
fish man
  • 2,666
  • 21
  • 54
  • 94

2 Answers2

23

The same way I am pretty sure:

-moz-box-shadow: 10px 10px 5px #222;
-webkit-box-shadow: 10px 10px 5px #222;
box-shadow: 10px 10px 5px #222;
Connor Smith
  • 1,274
  • 7
  • 11
19

box-shadow:

first argument: bottom offset, second: right offset, third: blur, fourth: color for -moz and -webkit it's the same. So for a bottom right shadow of 4px with 4px blur:

-moz-box-shadow-bottom: 4px 4px 4px black;
-webkit-box-shadow-bottom: 4px 4px 4px black;
box-shadow-bottom: 4px 4px 4px black;
fijter
  • 17,607
  • 2
  • 25
  • 28