短视频app开发，内容模糊化，解锁更多强化功能

短视频app开发，内容模糊化，解锁更多强化功能

css实现模糊化：

 

1	<br>.blur {<br>position: relative;<br>filter: blur(5px);<br>user-select: none;<br>}

​在需要加模糊化的元素上面加上blur类即可生效。

css实现模糊化后加遮罩：

 

1	<br>.blur::after {<br>position: absolute;<br>top: 0;<br>left: 0;<br>width: 100%;<br>height: 100%;<br>content: '';<br>display: block;<br>background: rgba(255, 253, 253, 0);<br>}

强化功能，如果模糊对象存在点击事件，可以加次遮罩禁止点击事件

以上就是短视频app开发，内容模糊化，解锁更多强化功能， 更多内容欢迎关注之后的文章