filter: sepia()
En esta página
| Clase | Propiedades CSS |
|---|---|
sepia |
filter: sepia(100%); |
sepia-<number> |
filter: sepia(<number>%); |
sepia-(<custom-property>) |
filter: sepia(var(<custom-property>)); |
sepia-[<value>] |
filter: sepia(<value>); |
Examples#
Basic example#
Use utilities like sepia and sepia-50 to control the sepia effect applied to an element:
{
sepia-0
sepia-50
sepia
<!-- [!code classes:sepia-0,sepia-50,sepia] -->
<img class="sepia-0" src="/img/mountains.jpg" />
<img class="sepia-50" src="/img/mountains.jpg" />
<img class="sepia" src="/img/mountains.jpg" />