CSS 对角线渐变
CSS 对角线渐变
要实现HTML元素背景的对角线渐变，可以通过设置background-image属性中的linear-gradient的第一个参数为to top right或to bottom right或to top left或to top right来实现，比如下方这个示例：
语法
background-image:linear-gradient(direction,color1,color2...)
提示：direction的值便是开篇介绍中以to开始的几种值。
对角线渐变示例代码，及在线编辑器
下方实例代码中，将分别介绍两种对角线方向的不同方法，其余的值可以在线编辑并在线运行：
<div class='d1'></div><br>
<div class='d2'></div>
<style>
.d1{width:100%;height:35%;background-image:linear-gradient(to top right, pink, green)}
.d2{width:100%;height:35%;background-image:linear-gradient(to bottom right, pink, green)}
</style>