首页 > ❤比较两种模糊特效❤filter: blur(10px)和backdrop-filter: blur(10px)的区别

❤比较两种模糊特效❤filter: blur(10px)和backdrop-filter: blur(10px)的区别

请先忽略背景图，遮罩位置是随便放的，我们主要关注下面的代码↓



❤比较两种模糊特效❤filter: blur(10px)和backdrop-filter: blur(10px)的区别



自己模糊 filter: blur(10px)




遮住的部分模糊 backdrop-filter: blur(10px)

 

更多相关：

  • 三角形（css3)

    1 .userCard .sanjiao {//三角形的制作； 2 width: 0; 3 height: 0; 4 border-left: 10px solid transparent; 5 border-right: 10px solid transparent; 6 bor...

  • css层叠样式表（一）

    今天研究了下css。这东东入门不算难。可是想写出好的样式就得有很深的功底了。按照老大给网址，12天学会网页设计。做下总结吧。css通过div（层）来定位，通过层的margin,padding,border等属性来控制板块的间距。常用的模型是盒状模型。对于margin,padding这两个属性不能定义颜色。举一个例子：  #smaple...

  • vue中轻松搞掂鼠标气泡框提示框tip跟随