不規則な形状の画像に境界線を追加

Question

不規則な形状のpng画像を使用するが、画像の周りに赤い枠線が必要な会社のチームページを開発しようとしています。

完成した製品には、以下のように見える必要があります：

私は与えられた画像がこれです：

画像にとどまる国境を与えるために、CSS/JSを使用した方法はあります不規則な形がある領域の右に？

高低を検索しましたが、実行可能な解決策が見つかりませんでした。

Answer 1

あなたは、あなたが所望の効果を適用するためにドロップシャドウを利用することができ、画像エディタを使用してアルファチャンネルに白い未使用のスペースを削除し、.pngのファイルとして保存しする必要があります。以下は単なるデモンストレーションです：

img { 
 
    width: 70%; 
 
    filter: drop-shadow(4px 0px 0 red); 
 
}

<img src="https://s7.postimg.org/65lydsb57/a_Ql6e.png">