このサイトのように、CSS だけを使用してボックスの 4 つの隅すべてにドロップ シャドウを適用しようとしています。 /
これまでのところ、疑似要素とクラスの前後を使用して、2 つのコーナーだけに影を追加する方法しか知りません。CSSで四隅すべてに影をつける方法はありますか? ページには既にスライダーがあり、ページの読み込みを遅くしたくないため、影に画像を使用しないことを好みます。
このサイトのように、CSS だけを使用してボックスの 4 つの隅すべてにドロップ シャドウを適用しようとしています。 /
これまでのところ、疑似要素とクラスの前後を使用して、2 つのコーナーだけに影を追加する方法しか知りません。CSSで四隅すべてに影をつける方法はありますか? ページには既にスライダーがあり、ページの読み込みを遅くしたくないため、影に画像を使用しないことを好みます。
ここで私の作品をチェックできます
http://codepen.io/ImBobby/pen/voEfG
つまり、基本的にシャドウ自体はすでに100pxの高さを消費しています。したがって、中に入れるコンテンツの<div class="content">
高さが110px前後であることを確認してください