短視訊app開發,內容模糊化,解鎖更多強化功能

zhibo系統開發發表於2022-05-10

短視訊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開發,內容模糊化,解鎖更多強化功能, 更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2893249/,如需轉載,請註明出處,否則將追究法律責任。

相關文章