css - CSS の非ボックス シャドウ

Question

CSS でを作成するbox-shadow方法を調べましたが、ボックス シャドウ以外を作成するにはどうすればよいですか? CSS トリックの 1 つを使用して作成された三角形があり、その側面の周りに影が必要ですが、追加するbox-shadowと、その周りにボックスが追加され、次に影が追加されます。どうすればこれを達成できますか？

これが起こることです:デモ。

Answer 1

もちろん可能です。filter: drop-shadow透明な png シェイプに影を追加することもできます。

パラメータは for とほとんど同じですbox-shadow:

-webkit-filter: drop-shadow(1px 1px 5px #000);
filter: drop-shadow(1px 1px 5px #000);

注: ドロップ シャドウは Webkit エンジン (Opera、Chrome、および Safari) でのみ機能します。指摘してくれたEliran Malkaに感謝します。