css - 对角线作为css的背景 - 如何切换角度

Question

http://jsbin.com/enazac/1/

我如何改变方向，而不是行“\”方向，他们可以去“/”方向？我在网上找到了这个 css，我喜欢它，只需要切换方向。

警告：我将 css 修剪了很多，以便它在 Chrome 中可以正常工作，我不确定其他浏览器是否会呈现它。谢谢。

CSS：

.diagonal_lines_pattern {
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #E76801), color-stop(0.25, #E76801), color-stop(0.25, #EC7F24), color-stop(0.5, #EC7F24), color-stop(0.5, #E76801), color-stop(0.75, #E76801), color-stop(0.75, #EC7F24));
  background-size: 20px 20px;
  width:100%;
  height:100%;
}

Answer 1

.diagonal_lines_pattern{
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #E76801), color-stop(0.25, #E76801), color-stop(0.25, #EC7F24), color-stop(0.5, #EC7F24), color-stop(0.5, #E76801), color-stop(0.75, #E76801), color-stop(0.75, #EC7F24));
    background-size: 20px 20px;
    width:100%;
    height:100%;
}

Answer 2

玩转 CSS... 将左侧更改为右侧，从顶部更改为底部...

-webkit-gradient(linear, left top, right bottom,...

更多信息-webkit-gradient