2

画像のような正方形の画像の下に丸みを帯びた影の効果を作成する方法はありますか？

この種の効果が可能であると言っているこのウェブサイトも見ていましたが、コード実装の説明は本当にあいまいです。

ここに画像の説明を入力してください

4

1 に答える 1

8

私はそれを理解したと思います。基本的に、Box Shadowのspreadプロパティを使用して、関連付けられている要素よりも幅を小さくしました。これは、このコードの4番目のpx要素です。

box-shadow: 0px 30px 40px -25px rgba(0, 0, 0, 1);

次に、シャドウの表示量に満足するまで、シャドウを垂直方向に下に移動しました。

こちらのデモ

于 2012-12-27T22:12:23.090 に答える