画像を編集せずにCSSだけで白黒を反転させる方法

白の画像を黒くしたい時にオリジナルの画像を編集して再度アップロードするものよいが、いろいろ画像編集は手間がかかる

実はCSSだけで白の画像を黒に変更することができる

filter: invert(100%);

白黒反転させたい要素に上のCSSを書くと、反転してくれる。便利。

白黒反転の他にはセピアにしたりぼかしたりできる

参考:https://iholdings.jp/archives/2917

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です