backdrop-filter实现下拉毛玻璃效果实例页面

回到相关文章 »

效果:

代码:

CSS代码:
.ui-droplist-x {
    background: hsla(0, 0%, 100%, .75);
    -webkit-backdrop-filter: blur(5px);    
    backdrop-filter: blur(5px);    
}
a.ui-droplist-li:hover {
    background: hsla(0, 0%, 100%, .3);
}