css文字的三色渐变或多色渐变

---恢复内容开始---

目前只会一种方法

<style type="text/css">

.color{

width:200px;

font-size:20px;

border:1px solid #000;

background:-webkit-linear-gradient(bottom,#f00,#ff0 40%,#0f0 40%,#0ff 20%,#f00);/*背景渐变,方向往下，不同颜色的百分比*/
-webkit-background-clip:text;/*只有webkit内核支持text的剪切模式，背景裁剪，文字外的区域都被裁剪*/
color:transparent;/*透明*/

}

</style>

<div  class=“color”>三色渐变或多色渐变</div>

---恢复内容结束---