背景漸變寫法：

background-image: -moz-linear-gradient(top, #fdfdfd, #f8f8f8); /* Firefox */

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #f8f8f8)); /* Saf4+, Chrome */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f8f8f8', GradientType='0'); /* IE*/

文字漸變寫法（安卓手機支援不完全，文字會模糊，ios8以上效果ok方便使用，如圖）：

background: -webkit-linear-gradient(left, rgba(0, 171, 255, 1) 0%, rgba(85, 255, 226, 1) 100%);

color:transparent;

-webkit-background-clip:text;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;