sepia()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.

Learn more
See full compatibility
Report feedback

A função CSS sepia() converte a imagem inputada em sépia, dando uma aparência mais amarelada/marrom e quente. Seu resultado é uma <filter-function>.

Sintaxe

sepia(amount)

Parâmetros

amount: A quantidade de conversão, especificada por um <number> ou uma <percentage>. Um valor de 100% é completamente sépia, enquanto que um valor de 0% mantém o input inalterado. Valores entre 0% e 100% são multiplicadores lineares do efeito. O valor de lacuna para interpolação é 0.

Exemplos

css

sepia(0)     /* Sem efeito */
sepia(.65)   /* 65% sépia */
sepia(100%)  /* Completamente sépia */

Ver também

<filter-function>