重复垂直线背景

时间:2017-06-01 19:26:29

标签: css background background-image gradient

我的背景不是纯色(它基本上是图像),图案和渐变随着页面的变化而变化。我想保持渐变并使其无限。

我正考虑将两侧的最后一次1-2px左右复制。它适用于Photoshop但我怎么能用html / css? Here how it looks

1 个答案:

答案 0 :(得分:0)

我不知道我是否已经拥有它,但我认为这会奏效。 HTML:

<body>
   <main>
   </main>
</body>

CSS:

body {
 margin: 0;
 min-height: 100vh;
 background-image: (your-image);
 background-size: fixed;
 }

main {
 height: 50vh; //optional
 width: 70%;
}