Question

如何更改方向，以便不是沿“\”方向行，而是朝“/”方向行进？我发现这个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

的更多信息

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

2 个答案: