我有一个元素,我只想在元素的末尾进行遮罩。我设法编写了一些代码来对元素的末尾进行遮罩,但是现在元素的其余部分也被遮罩了。我希望更改遮罩,以便仍然可以看到遮罩左侧的元素。
.masked {
width: 300px;
height: 30px;
background-color: hotpink;
mask-image: linear-gradient(to right, black, transparent);
mask-size: 30px;
mask-repeat: no-repeat;
mask-position: right;
}
<div class="masked"></div>
calc()
的解决方案,我之前并不知道这是一个选项。谢谢! - Jon Koops