字體漸變CSS的寫法
2022-12-05 14:18 作者:聽(tīng)書(shū)的胖子 | 我要投稿
<div class="test">------></div>
<style>
? ?.test{
background-image:-webkit-linear-gradient(left, red, pink);//開(kāi)始方向,漸變顏色
-webkit-background-clip:text;//以盒子內(nèi)的文字作為裁剪區(qū)域向外裁剪,文字之外的區(qū)域都將被裁剪掉。
-webkit-text-fill-color:transparent;//把文字變透明
? ? }
</style>
方向:to left
也可以寫成:45deg
顏色也可以寫兩個(gè)以上
標(biāo)簽: