linear-gradient的一些小技巧

首先linear-gradient的语法不想在这里谈了，可以在CSS-gradient 这里学，我在做一个小项目的时候被要求实现一个效果，后来好不容易实现了，这里总结一下.

 也就是那个行程安排，具体行程下面的

---

，要求实现以上的效果，只能通过linear-gradient实现了，而且一个比较头痛的是刚开始的蓝色的部分不是逐渐变化的。

 

  hr{
            background: linear-gradient(to right,blue 18%,#999 18%,#f5f5f5);
            height:3px;

我这里采用了一个小技巧，引入了3个颜色，并且设置了颜色变化的区域，blue会在18%的时候就会停止，而#999就会在18%到19%这个范围内，而后面就是#f5f5f5的效果了。