CSS linear-gradient属性，线性渐变
linear-gradient线性渐变属性
HTML元素的线性渐变的样式可以通过CSS中的linear-gradient属性来进行设计，一般表现为background-image的属性值。比如下方这个实例，展示的是向下的线性渐变，颜色从skyblue到orange的平滑过渡：
语法
background-image:linear-gradient(direction, color1, color2...)
提示：direction设置的是线性渐变的角度或方向，比如to bottom、to right、to left等等，其中to bottom为默认的值；color颜色的个数可以没有限制，可以是颜色名，也可以是rgb、hex十六进制值等颜色值。
linear-gradient线性渐变属性实例代码，及在线编辑器
下方实例将设置div的线性渐变方向为从下到上，其中第一个颜色为pink粉红，第二个为green绿色，注意方向是从下到上：
<div class='d'></div>
<style>
.d{width:100%;height:50%;background-image:linear-gradient(to top, pink, green)}
</style>