box-shadowで画像の影のようなものを作ったのですが、位置がうまくいきません。
レスポンシブのフルイドイメージなのですが、右側のシャドウはしっかりと値を増やすと右にのびていくのですが、下がほとんど伸びません。
なぜ下だけ伸びないのでしょうか?
・CSS
.my-image {
margin-top: 5%;
box-shadow: 5rem 5rem rgba(98, 206, 242, 1);
display: block;
}
・HTML
<p>ああああああああああああ</p> <img class="yufu-pcimage" src="img/index/e.jpg" alt="画像">img要素のクラス属性(yufu-pcimage)と対になるCSSのセレクタ(my-image)が異なっています。
回答4件
あなたの回答
tips
プレビュー