CSS怎樣設置文字漸變


一.首先設置背景漸變(background:liner-gradient(角度,顏色1,顏色2,.........);)

  background:liner-gradient(90deg,red,yellow,blue);

二.通過屬性-webkit-background-clip:text;

  注:-webkit-background-clip:text;以盒子內的文字作為裁剪區,文字以外的部分就會被剪掉。

三.必須給文字設置為全透明(最重要的)(4種方法)

1.color: #00000000;
2.color: transparent;
3.color: rgba(0,0,0,0);
4.opacity: 0;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM