css - 右のみに影を付ける

Question

以下は、右側にのみぼかし効果のある影をドロップしようとしているjsfiddleですが、影は四方に広がっています。このフィドルを修正して影だけをドロップする方法を教えてください。

.myDiv {
     margin: 10px;
     width: 100px;
     height: 100px;
     -webkit-box-shadow: 2px 0px 5px 0px #888 ;
 }

score 1 · Accepted Answer

.myDiv
{
  margin: 10px;
  width: 100px;
  height: 100px;
  box-shadow: 20px 0px 5px -2px #888 ;
  -webkit-box-shadow: 20px 0px 5px -2px #888 ;
}

20px 位置 R/L 0px 位置 T/B 5px 広がり(ぼかし) -2px "サイズ"

2 に答える 2