CSS sepia() funktion
- Forrige side CSS scaleY() funktion
- Næste side CSS sin() funktion
- Gå tilbage til forrige niveau CSS funktion reference håndbog
Definition og brug
CSS sepia()
Filterfunktioner konverterer billedet til mørkbrunt (en varmere, mere brun/gul farve).
- 100% (eller 1) gør billedet helt mørkbrunt
- 0% (eller 0) har ingen effekt
Eksempel
Eksempel 1
Indstil forskellige sepia-effekter til billeder:
#img1 { filter: sepia(1); } #img2 { filter: sepia(60%); } #img3 { filter: sepia(0.4); }
Eksempel 2
i sepia()
med backdrop-filter
Brug af egenskaber sammen
div.transbox { background-color: rgba(255, 255, 255, 0.4); -webkit-backdrop-filter: sepia(100%); backdrop-filter: sepia(100%); padding: 20px; margin: 30px; font-weight: bold; }
CSS syntaks
sepia(amount)
Værdi | Beskrivelse |
---|---|
amount |
Valgfri. Angiv en mørkbrun værdi, der kan være et tal eller en procentdel. 100% (eller 1) gør elementet helt til mørkbrun. 0% (eller 0) repræsenterer det originale billede (ingen effekt). Standardværdien er 0. |
Tekniske detaljer
Version: | CSS Filter Effects Module Level 1 |
---|
Browserunderstøttelse
Tabelens tal angiver den første browserversion, der fuldt ud understøtter funktionen.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
18 | 12 | 35 | 6 | 15 |
Relaterede sider
Referencer:CSS filter egenskab
Referencer:CSS blur() funktion
Referencer:CSS brightness() funktion
Referencer:CSS contrast() funktion
Referencer:CSS drop-shadow() funktion
Referencer:CSS grayscale() funktion
Referencer:CSS hue-rotate() funktion
Referencer:CSS invert() funktion
Referencer:CSS opacity() funktion
Referencer:CSS saturate() funktion
- Forrige side CSS scaleY() funktion
- Næste side CSS sin() funktion
- Gå tilbage til forrige niveau CSS funktion reference håndbog