css磨砂玻璃效果

最新推荐文章于 2024-08-10 14:29:40 发布

luoxindong

最新推荐文章于 2024-08-10 14:29:40 发布

阅读量603

点赞数

分类专栏： HTML css

本文链接：https://blog.csdn.net/luoxindong/article/details/118388302

版权

HTML 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

css

3 篇文章 0 订阅

订阅专栏

div{
 background: inherit;
 width: 250px;
 height: 350px;
 position: absolute;
 overflow: hidden;  //adding overflow hidden
}
div:before{
 content: ‘’;
 width: 300px;
 height: 400px;
 background: inherit; 
 position: absolute;
 left: -25px;  //giving minus -25px left position
 right: 0;
 top: -25px;   //giving minus -25px top position 
 bottom: 0;
 box-shadow: inset 0 0 0 200px rgba(255,255,255,0.3);
 filter: blur(10px);
}