CSS提取图片颜色设置背景颜色

CSS提取背景颜色结果：

通过比较大的一个模糊滤镜，使用 filter: blur(50px)模糊之后的图片有点那感觉了，不过存在一些模糊边缘，尝试利用 overflow 进行裁剪。通过 transform: scale() 放大效果，将颜色再聚焦下，稍微改造下代码：

div {
    position: relative;
    width: 320px;
    height: 200px;
    overflow: hidden;
}

div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("https://i0.wp.com/airlinkalaska.com/wp-content/uploads//aurora-2.jpg?resize=1024%2C683&ssl=1");
    background-size: cover;
    // 核心代码：
    filter: blur(50px);
    transform: scale(3);
}

原文地址：https://segmentfault.com/a/1190000039979112?sort=votes