推荐
最新
热榜
Css
使用 mask 实现视频弹幕人物遮罩过滤

使用 mask 实现视频弹幕人物遮罩过滤

经常看一些LOL比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。简单的一个截图例子：其实，这里是运用了CSS中的MASK属性实现的。mask简单用法介绍之前在多篇文章都提到了mask，比较详细的一篇是--奇妙的CSSMASK，本文不对mask的基本概念做过多讲解，向下阅读时，如果对一些mask的用法感到疑惑，可以再去看看。这里只简单介绍下mask的基本用法：最基本，使用mask的方式是借助图片，类似这样
Css
CSS 小技巧 | 一行代码实现头像与国旗的融合

CSS 小技巧 | 一行代码实现头像与国旗的融合

到国庆了，大家都急着给祖国母亲庆生。每年每到此时，微信朋友圈就会流行起给头像装饰上国旗，而今年又流行这款：emm，很不错。那么，将一张国旗图片与我们的头像，快速得到想要的头像，使用CSS如何简单实现呢？有人认为是改变其中一张图的透明度，实际上不是的。仔细观察合成后的头像，最左边的基本上只能看到红旗看不到原本的头像内容，而最右边基本只能看到头像而不再显示红旗的红色背景。在CSS中使用mask遮罩，一行代码实现头像与国旗的融合在CSS中，我们仅仅需要将两张图片叠加在一起，对上层的图片使用mask属性，一行代码
下拉加载更多
最新文章
更多