Values between 0% and 100% are linear multipliers on the effect. A value of 0% leaves the input unchanged. The value of “amount” defines the proportion of the conversion. If the “angle” parameter is missing, a value of 0deg is used. A value of 0deg leaves the input unchanged. The value of “angle” defines the number of degrees around the color circle the input samples will be adjusted. hue-rotate() filter: hue-rotate(180deg) Īpplies a hue rotation on the input image. If the “amount” parameter is missing, a value of 100% is used. Values over 100% are allowed, providing super-saturated results. Other values are linear multipliers on the effect. A value of 100% leaves the input unchanged. A value of 0% is completely un-saturated. sepia() filter: sepia(0.8) Ĭonverts the input image to sepia.
CodePen Embed Fallback grayscale() filter: grayscale(20%)Ĭonverts the input image to grayscale.