css多背景拼接

Posted on | Post modified: | In
Words count in article: 53 | Reading time ≈ 1

多背景，要求上面 400px 是渐变色，下面全部是纯色。

1
2
3
4
5
6
7
8
9
body {
  background-image: linear-gradient(
      180deg,
      #8392bb 0%,
      rgba(232, 234, 241, 0) 100%
    ), linear-gradient(180deg, #e8eaf1 0%, #e8eaf1 100%);
  background-size: 100% 400px, 100%;
  background-repeat: no-repeat, repeat-y;
}