Esta página foi traduzida do inglês pela comunidade. Saiba mais e junte-se à comunidade MDN Web Docs.

View in English Always switch to English

sepia()

Baseline Widely available

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

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