僅以此文章記錄本人前端工作學(xué)習(xí)中遇到的問題

雖然項(xiàng)目中對(duì)文字樣式有較高要求時(shí)一般會(huì)使用設(shè)計(jì)出來的圖片形式的文字，但還是要記錄一下此方法，擴(kuò)充知識(shí)。

css樣式：

.class{

font-size: 16px;? ? ? ? /*字體大小*/

background-image: -webkit-linear-gradient(buttom, #fff, #2985d7);? /*為文本元素提供漸變背景*/

-webkit-background-clip: text;?

?/*以區(qū)塊內(nèi)的文字作為裁剪區(qū)域向外裁剪，文字的背景即為區(qū)塊的背景，文字之外的區(qū)域都將被裁剪掉

*/

-webkit-text-fill-color: transparent;? ? ?/*使用透明顏色填充文本*/

}

效果如下：