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;
}