invert の読み方
HTML用語「invert」の読み方を掲載してます。
読み⽅
インバート。
英訳
反転。
invert とは
invert は、css3から設定できる様になったフィルター機能の「階調反転」フィルターです。
画像のすべての色の階調を反転します。
「階調の反転」とは色と輝度を反転させることを言います。
色は元の色の「補色」になり、明るい部分は暗くなり暗い部分が明るくなります。
モノクロの場合は白と黒が反転します。
反転の度合いは、設定するパラメータの値によって決まります。
0%ではオリジナル画像のままで、100%で完全に反転します。
使用例
.invert{
filter: invert(0%); オリジナル画像のまま
}
.invert{
filter: invert(100%); 完全に反転
}
-
前の記事
brightnessの読み方 2020.06.24
-
次の記事
cursor の読み方 2020.06.24