Background Clip

Tetapkan kawasan keratan latar

Sintaks

visual="bg-clip:[value]"

Nilai

Nilai	CSS Output	Huraian
border	background-clip: border-box	Keratan ke sempadan
padding	background-clip: padding-box	Keratan ke padding
content	background-clip: content-box	Keratan ke kandungan
text	background-clip: text; -webkit-background-clip: text	Keratan ke teks

Contoh

<div visual="bg-clip:text text:transparent bg:gradient">Gradient text</div>

Pratonton

Keratan Latar

visual="bg-clip:text" - Keratan latar kepada teks untuk kesan teks gradien

Gradient Text

Lihat Kod

<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <span text="size:large weight:bold" visual="bg-image:gradient-to-r from:blue-500 to:violet-500 bg-clip:text text:transparent">Gradient Text</span>
</div>