background: linear-gradient(-45deg, #f9d423, #e65c00);
上面的代码将创建一个从左上角旋转45度的线性渐变,颜色从黄色逐渐过渡到橙色,形成斜线的效果。
如果想要创建一个反向的斜线,只需要将角度取反,例如:
background: linear-gradient(45deg, #f9d423, #e65c00);
除了使用线性渐变,还可以使用CSS3中的transform属性来实现斜线的效果,例如:
transform: skew(-20deg);
上面的代码将元素向左倾斜20度,可以通过改变正负号来调整倾斜的方向。
除了倾斜元素,还可以使用CSS3中的clip-path属性来创建斜线的效果,例如:
clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
上面的代码将从左上角到右上角再到右下角的三角形切割出来,形成斜线的效果。