background-clip: text 文字遮罩效果

至更新時,部分瀏覽器需先加 -webkit-background-clip: text;

感受每個深切的感受

{
 color: transparent;
 background-image: radial-gradient(/*略*/);
 background-clip: text;
}

戴著面具 視角難全

{
 color: transparent;
 background-image: url(/*略*/);
 background-clip: text;
}

不畫框 不被框

{
 color: transparent;
 background-image: repeating-linear-gradient(/*略*/);
 background-clip: text;
}