一种彩色渐变背景的实现方案

参考：mfuns

效果：

代码：

<div class="canvas">

<div class="backdrop" />

</div>

.canvas{

width: 100%; height: 100vh;

    background-color: #f8f9fb; //这个颜色效果好，推荐这个

  }

  .backdrop {

    width: 100%; height: 100vh;

    background-image: url(a.jpg); //背景图片

    background-size: cover;

    filter: blur(50px); //按需

    mix-blend-mode: color;

}

参考图[设为背景比较好看的]