linear-gradient的一些小技巧

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

 也就是那个行程安排，具体行程下面的<hr>，要求实现以上的效果，只能通过linear-gradient实现了，而且一个比较头痛的是刚开始的蓝色的部分不是逐渐变化的。

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

我这里采用了一个小技巧，引入了3个颜色，并且设置了颜色变化的区域，也就是一个强的颜色blue跟一个特别弱的颜色#999(浅灰色）,同时停止在18%的位置，也就是停在刚好那个上面的h2字体停止的地方。