WEIweiIE的博客

原创 3s理解css不均匀渐变的百分比

比如（red 10%,bule 50%,green）表示从上到下达到10%长度时颜色完全变为red，50%长度时颜色完全变为blue。linear-gradient（...，color1 x%，...） 表示达到渐变方向x%长度时 颜色变为color1。10%长度时完全变成红色，50%长度时完全变成绿色，90%长度时完全变成蓝色。中间保持一种颜色还是过渡取决于之前的颜色一不一样。0~10%保持红色，90~100%时保持蓝色。径向渐变也是同理，长短轴选一条就行。