首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
CSS考题
订阅
CSS考题-遮罩层
红盾大大
更多收藏集
微信扫码分享
微信
新浪微博
QQ
2篇文章 · 0订阅
使用 mask 实现视频弹幕人物遮罩过滤
经常看一些 LOL 比赛直播的小伙伴,肯定都知道,在一些弹幕网站(Bilibili、虎牙)中,当人物与弹幕出现在一起的时候,弹幕会“巧妙”的躲到人物的下面,看着非常的智能。 其实,这里是运用了 CSS 中的 MASK 属性实现的。 之前在多篇文章都提到了 mask,比较详细的一…
CSS实现镂空遮罩
虽然这种方式处理定位有一些麻烦,并且不适合页面有滚动的情况,滚动的时候可能出现错位。 但是当时怎么也应该答出这种方式,但是确实一面试就紧张,脑子不转了,就想着添加一个伪元素,但是不知道怎么穿透。 可以使用强大的Canvas实现,当然使用Cavnas就需要使用脚本来编写了,虽然有…