html background 背景颜色美化 类似毛玻璃

时间：2023-03-09 18:32:44
html background 背景颜色美化 类似毛玻璃

制作高大上背景颜色

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        body{background-color: rgb(224, 192, 160); }

        #app{

            height:100VH;

            background-image:url("http://y.gtimg.cn/music/photo_new/T002R300x300M000003xdmRa3RWKWC.jpg?max_age=2592000");

            background-position: 50% center;

            background-repeat: no-repeat;

            background-size: cover;

            filter: blur(90px);

            opacity: 0.6;

        }

    </style>

</head>

<body>

    <div id="app"></div>

</body>

</html>