#遮罩#

共找到 遮罩 相关内容 3 条

优先问答
优先文章
CSS利用mask 实现图片的斜线拼接

CSS利用mask 实现图片的斜线拼接

什么是斜线拼接效果图下面所示：发现，上面这张图是两个美女拼接在一起的，看中间的斜线。但是呢，刚接到这个需求的时候，开发是抓狂的——第一反应就是用canvas画图，这得多累啊，只是要显示张图片而已，竟然还要动用一坨JS，O__O"…不过依稀记得，CSS貌似有个遮罩的特性，可以实现图片的部分显示的效果的。CSSmask&lineargradient要实现这个特性，就需要用到CSS遮罩和线性渐变。至于这两个是什么东西，我就不班门弄斧的介绍了，毕竟这两个属性出生也挺久了的，不了解的筒子可以看这两篇文章CS
CSS 小技巧 | 一行代码实现头像与国旗的融合

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

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

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

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