（個人メモ）img画像の透過フィルタについて

このページは個人的なメモです。

imgにpng拡張子の画像を掲載している場合、背景を透過させたままimgの色を変更したい場合がある。

この場合は、cssのmask-image（-webkit-mask-image）を使って対応する。

※ちなみに、色フィルタをかける方法は以下のようなものがあるが、これだと背景透過とはならない。

画像に指定色の半透明フィルタを掛けたように見せるCSS