invert の読み方

invert の読み方

HTML用語「invert」の読み方を掲載してます。

読み⽅

インバート。

英訳

反転。

invert とは

invert は、css3から設定できる様になったフィルター機能の「階調反転」フィルターです。

画像のすべての色の階調を反転します。
「階調の反転」とは色と輝度を反転させることを言います。
色は元の色の「補色」になり、明るい部分は暗くなり暗い部分が明るくなります。
モノクロの場合は白と黒が反転します。
反転の度合いは、設定するパラメータの値によって決まります。
0%ではオリジナル画像のままで、100%で完全に反転します。

使用例
.invert{
filter: invert(0%);  オリジナル画像のまま
}
.invert{
filter: invert(100%); 完全に反転
}