半透明の PNG の背後に div を作成する必要があるプロジェクトに取り組んでいます。したがって、div を使用すると色を変更できますが、div は画像 (PNG) と一致するように異なる形状にする必要があります。
サンプル：
HTML Canvas、CSS shape、CSS Clip-path を試してみました。あるブラウザーのソリューションが他のブラウザーで機能せず、デスクトップ ビューのソリューションがモバイル ビューで機能しません。
添付ファイルに示されているように、すべてのブラウザーとすべてのデバイス (レスポンシブ) で機能するはずの div をトリミングするソリューションを探しています。
皆さんありがとう