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

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

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

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

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

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

 

コメントはお気軽に!足跡を残したり、適当に雑談したりしてね!

メールアドレスが公開されることはありません。