CSS sepia() Function

❮ Previous Functions Next ❯

Example

img {
  filter: sepia(2.5);
}




Meaning

The sepia() css function converts the image to sepia.

Version: CSS3




Standard Syntax

sepia()



Browser Support

The numbers in the table specify the first browser version that fully supports the property.




Status







Function Arguments

The following table describes the arguments of this function.

Argument Description
value Specifies the value in number or percentage.

A value of 100% is completely sepia, while a value of 0% leaves the input unchanged.

Values between 0% and 100% are linear multipliers on the effect.

The initial value for interpolation is 0.

Negative value is not allowed.




See also

The other <filter-function> functions available to be used in values of the filter and backdrop-filter properties include:

❮ Previous Functions Next ❯