css - ファンシーな CSS シャドウ、可能ですか?

Question

私は現在 でPSDファイルをコーディングしていますがHTML/CSS、デザイナーはやや派手な影を使用しました。CSS でそれを行う方法がわかりません - 可能ですか? - もしそうなら、どのように？

ここに影があります：

Answer 1

あなたが探しているのは、CSS3 属性の box-shadow です。構文は次のようになります。

box-shadow: h-shadow v-shadow ブラー スプレッド カラー インセット。

上の画像で行っているドロップ シャドウには、現在 CSS では不可能なグラデーションがありますが、同様のシャドウはおそらく次のようになります。

ボックスの影: -10px -10px 20px #000;

好きな場所に到達するには、数字をいじる必要がありますが、これは開始に役立つはずです。