質問: ### 前提・実現したいこと 表題の内容をCSSにて実現できないか試みていますが、方法が分かりません。 実現したいことの一例としては下記のような状態です。 ![例](https://teratail.storage.googleapis.com/uploads/contributed_images/effceb527126efcaf0f0cfee605e8fce.png) ### 試したことと、発生している問題 1) clip-pathを利用 : ボックスの形が変わるわけではないので、ボーダー・シャドウがマスクした形に沿ってくれない。 (五角形) https://jsfiddle.net/q8uyz5hr/2/ 2) transform: skew()を利用 : 四角形はこの方法でいけるかと思い試してみました。平行四辺形はこの方法でいけました。台形だと親divのシャドウが下のデモのようにskewした形で出てしまいます。 (台形) https://jsfiddle.net/qscy0ezx/1/ (希望通りに実装できた平行四辺形) https://jsfiddle.net/pqquyLxs/ できればCSSでボーダー・シャドウを施したいなということで色々試してみましたが上手くいかず、質問させて頂きました。 実現のためのアイデアがあれば、是非お教え頂きたいです。 よろしくお願いします。
回答: `filter:drop-shadow`を使ってみては? IEは対応していませんが・・・