毛玻璃效果 css

毛玻璃效果
<style>
        .container{
             287px;
            height: 285px;
            background-image: url(img/background.png);
            background-repeat: no-repeat;
            background-attachment: fixed;
            overflow: hidden;
        }

        .frosted-glass{
             287px;
            height: 285px;
            background: inherit;
            -webkit-filter: blur(5px);
            -moz-filter: blur(5px);
            /*-ms-filter: blur(5px);*/
            /*-o-filter: blur(5px);*/
            filter: blur(5px);
            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);
        }
        .weather{
            80px;
            height:80px;
            margin-top: -200px;
            margin-left: 100px;
            position: relative;
            display: block;
        }
</style>
<body>
    <div class='container'>
        <div class='frosted-glass'></div>
        <img class='weather' src='img/cloudy.png'>
    </div>
</body>
大神链接：https://www.cnblogs.com/kongxianghai/p/5059966.html