sepia()

Базовая Широко доступная

Эта функция хорошо зарекомендовала себя и работает во многих устройствах и версиях браузеров. Она доступна в браузерах с сентября 2016 года.

Функция sepia() CSS функция преобразует входное изображение в сепию, придавая ему более теплый, желтовато-коричневый оттенок. Результатом является <filter-function>.

Попробовать

Синтаксис

sepia(amount)

Параметры

amount: Значение преобразования, указанное как <number> или <percentage>. Значение 100% соответствует полной сепии, а значение 0% оставляет входные данные неизменными. Значения между 0% и 100% являются линейными множителями эффекта. Начальное значение для интерполяции равно 0.

Примеры

Примеры корректных значений для sepia()

sepia(0)     /* No effect */
sepia(.65)   /* 65% sepia */
sepia(100%)  /* Completely sepia */

Спецификации

Спецификация
Модуль эффектов фильтра уровня 1 # funcdef-filter-sepia

Совместимость браузеров

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`sepia`	18	12	35	15	6	53	35	14	6	6.0	4.4

См. также

Другие <filter-function> функции, доступные для использования в значениях свойств filter и backdrop-filter включают:

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/sepia