字體漸變色
字體漸變色主要由背景顏色設置漩仙，設置字體顏色為透明辣辫，背景色漸變蔫骂。
background: linear-gradient(#fff, #19B4F7); //設置北京漸變色
-webkit-background-clip: text; //該屬性必須放在background之后，即填充背景區(qū)域為文字
//使用了這個屬性的意思是，以區(qū)塊內的文字作為裁剪區(qū)域向外裁剪暴心，文字的背景即為區(qū)塊的背景妓盲，文字之外的區(qū)域都將被裁剪掉。
color: transparent; //文字本身顏色設置為透明专普。
邊框漸變色
邊框漸變色使用css3的linear-gradient即可悯衬，設置border-image為漸變。
border: 10px solid;
border-image: linear-gradient(to right,transparent,#00B9FC 50%,transparent) 30 30;
//這里設置向右漸變檀夹，0%為透明 筋粗，50%時為藍色，100%為透明炸渡。
linear-gradient的語法：
這個函數(shù)（特性）接受的第一個參數(shù)是漸變的角度娜亿，他可以接受一個表示角度的值（可用的單位deg、rad蚌堵、grad或turn）或者是表示方向的關鍵詞（top买决、right、bottom吼畏、left督赤、left top、top right泻蚊、bottom right或者left bottom）躲舌。第二個參數(shù)是接受一系列顏色節(jié)點（終止點的顏色）。
第二個參數(shù)可以為多值性雄，若不設置百分比則按給定的色值漸變没卸，否則，按給定的百分比漸變毅贮。
