css多背景拼接

Posted on Edited on In Word count in article: 52 Reading time ≈ 1 mins.

多背景，要求上面 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;
}