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

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

css实现模糊化：

 

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

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

css实现模糊化后加遮罩：

 

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

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

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