原理:因为元素存在冒泡的特性,所以要完成这个效果必须确保是在两个同级元素。
ps:自己也可以用其他的css样式来写出模糊的效果,可以配合b站的玻璃拟态,磨砂玻璃效果一起使用
下面js代码就是获取关闭(close)和打开(open),当点击open的时候给第一个div元素加上active样式,就是那个变模糊的。当点击close就移除active样式。
样式随便写的比较粗糙大概看看就行
原理:因为元素存在冒泡的特性,所以要完成这个效果必须确保是在两个同级元素。
ps:自己也可以用其他的css样式来写出模糊的效果,可以配合b站的玻璃拟态,磨砂玻璃效果一起使用
下面js代码就是获取关闭(close)和打开(open),当点击open的时候给第一个div元素加上active样式,就是那个变模糊的。当点击close就移除active样式。
样式随便写的比较粗糙大概看看就行