Filter Sepia

Terapkan penapis sepia

Sintaks

visual="sepia:[value]"

Nilai

Nilai	CSS Output	Huraian
none	filter: sepia(0%)	Tiada sepia
partial	filter: sepia(50%)	50% sepia
full	filter: sepia(100%)	Sepia penuh

Contoh

<img visual="sepia:full">Vintage look</img>

Pratonton

Penapis Sepia

visual="sepia:full" - Terapkan ton sepia vintaj

none

partial

full

Lihat Kod

<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <div space="p:small" visual="bg:primary text:white rounded:small">none</div>
  <div space="p:small" visual="bg:primary text:white rounded:small sepia:partial">partial</div>
  <div space="p:small" visual="bg:primary text:white rounded:small sepia:full">full</div>
</div>

Nilai Arbitrari

Sokong nilai tersuai menggunakan sintaks kurungan segi empat:

<div visual="filter:[custom-value]">Custom</div>