直播平臺原始碼,用CSS製作毛玻璃效果(高斯模糊效果)

zhibo系統開發發表於2022-06-02

直播平臺原始碼,用CSS製作毛玻璃效果(高斯模糊效果)

<style>
body,main::before{
background: url("images/1.jpg") 0 / cover fixed;
}
 
main{
position: relative;
display: flex;
align-content: center;
justify-content: center;
margin-top: 200px;
padding: 30px;
background: hsla(0,0%,100%,.3);
border-radius: 5px;
}
 
main::before{
content: '';
position: absolute;
top:0;right:0;bottom:0;left:0;
filter: blur(20px);
z-index: -1;
}
</style>

以上就是直播平臺原始碼,用CSS製作毛玻璃效果(高斯模糊效果), 更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2898599/,如需轉載,請註明出處,否則將追究法律責任。

相關文章