box-shadowの影の一方向だけ消す？ - jsdo.it - Share JavaScript, HTML5 and CSS

#box1 { border: solid 1px #000; box-shadow: 0 -5px 10px #000, -5px 0 10px #000, 0 5px 10px #000; height: 100px; margin: 30px; width: 100px; } /* ---- */ #box2 { overflow: hidden; padding: 10px 0 10px 10px; width: 102px; /* 内側のボックスの幅+(枠線幅*2) */ } #box2 div { border: solid 1px #000; box-shadow: 0 0 10px #000; height: 100px; width: 100px; }

[satoshiiiiii]

地味にうれしい