hue-rotateの読み方

hue-rotateの読み方

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

読み⽅

ヒューローテート。

そういえば、最近ヒューグラント見てないな。。

英訳

hue-色相。 rotate-回転。

hue-rotate とは

Hue-rotateは、css3から設定できる様になったフィルター機能の「色相の回転」フィルターです。

色を回転させる角度は、指定するパラメータの値で決まります。
0degでは、画像は変化しません。
このフィルターの値に上限はありませんが、360degで回転が一周し、それより大きい値の効果は一周目と重なります。
つまり、90degと450degでは、効果は同じです。
使用例
.hue-rotate{
filter: hue-rotate(90deg);  色相を90度回転
}
.hue-rotate{
filter: hue-rotate(0deg); オリジナル画像の色相
}