CSS box-shadow

Question

前提・実現したいこと

box-shadow: 2px 2px 4px #000000;
これを逆の位置にするには、
box-shadow: -2px -2px -4px #000000;
としたのですが逆の位置に表示できません
逆の位置に表示するにはどうしたらいいんでしょうか？

Comments

[m.ts10806]

HTMLも提示してください。
あと、可能なら、イメージ図も。
box-shadowの仕様は確認の上でしょうか？

Answer 1

逆、というのがどういうものかわかりませんが、たぶんbox-shadow: -2px -2px 4px #000000;ではないですかね？

<blur-radius>

これは３番目の <length> 値です。値が大きくなるほど、ぼかしが大きくなるため影の面積が広くなり、また影の色も薄くなります。**負の値は指定できません**。

box-shadow - CSS: カスケーディングスタイルシート | MDN