CSS 任意角度的渐变
任意角度的渐变
CSS中，如果想要更灵活地设置渐变的方向，可以采用设置角度控制渐变方向的方式来实现，与前面介绍的渐变的章节中相比，不同的地方在于将linear-gradient的第一个参数设置为angle角度即可，单位为deg，比如值为0deg就便表示向上的渐变to top。
语法
background-image: linear-gradient(angle, color1, color2...)
提示：“...”表示可以添加任意多个的color颜色值。
任意角度渐变实例代码，及在线编辑器
下面实例中，将线性渐变的方向设置为30deg：
<div class='d'></div>
<style>
.d{width:100%;height:35%;background-image:linear-gradient(30deg, skyblue, green)}
</style>