微信渐变国旗头像的css实现
<div></div>
<style>
#container{
position: relative;
margin: auto;
width: 200px;
height: 200px;
background: url(‘./avatar.jfif‘) no-repeat;
background-size: cover;
}
#container::after{
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(‘./flag.jfif‘) no-repeat;
background-size: cover;
mask: linear-gradient(110deg, #000 10%, transparent 70%, transparent);
-webkit-mask: linear-gradient(110deg, #000 10%, transparent 70%, transparent);
}
</style>
微信渐变国旗头像的css实现
原文：https://www.cnblogs.com/pangqianjin/p/15360090.html