css - CSS3を使用したドロップシャドウへの角度効果

Question

http://www.thegrovechurch.orgのスライダーにあるような影を作成したいと思います。

Photoshopで再作成しましたが、純粋なCSSでそれを行う方法がわかりません。これが望ましいでしょう。

Answer 1

これがジェネレーターなので、シャドウを好きなようにカスタマイズできます。

http://css3gen.com/box-shadow/

Answer 2

あなたはこれを試すことができます、それにほぼ近いです;）

デモ

.shadow {
    box-shadow: 0 8px 6px -6px #000;
    -webkit-box-shadow: 0 8px 6px -6px #000;
    -moz-box-shadow: 0 8px 6px -6px #000;
}

Answer 3

CSSではそれができないと思います。http://www.thegrovechurch.org/は画像を使用しています。

数学科で実際に重労働を行うことができる言語を使用した場合、同様の何かを生成できる可能性があります-jqueryとjavascriptが次に私が見た場所であり、そこにない場合はjavaアプレットです-しかし、それでも私はそうしますほとんどのブラウザでは処理が面倒で遅くなるのではないかと心配してください。