Write the Code. Change the World.

9月 17

在某些场景中,css 的遮罩真的很好用。小程序也可以用。如其名,遮罩就是遮住的地方才能罩得住,才能显示出来。adobe 的 flash 和 ps 也是这样提现的。

https://developer.mozilla.org/zh-CN/docs/Web/CSS/mask-image

如下图,用户的头像是个六边形区域。如果用传统 css 实现六边形的裁切,很难实现这样好的效果。这个不仅有 border,边边交接处还有圆角,看起来更圆润。这个时候,遮罩就能很好的实现。只要用图中所示的区域的 png 图片作为遮罩来对目标图片进行遮罩处理就可以很好的实现。border 可以通过嵌套和内层 margin 来实现。

scss

    .avatar {
        width: 167upx;
        height: 182upx;
        background-image: url("data:image/png;base64,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");
        background-size: 167upx 182upx;

        .mask {
            mask-image: url("data:image/png;base64,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");
            mask-size: cover;
            mask-repeat: no-repeat;
            mask-position: center;
            width: 162upx;
            height: 178upx;
            margin-left: 2upx;
            margin-top: 1px;

            image {
                width: 162upx;
                height: 178upx;
            }
        }
    }

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注