可以使用 css3 过滤器作为掩码吗?例如,我只想div
从顶部模糊 30% 的 a。我该怎么做?
我创建了一个小 jsfiddle 来说明我想要实现的目标:http: //jsfiddle.net/uxCXa/2/
可以使用 css3 过滤器作为掩码吗?例如,我只想div
从顶部模糊 30% 的 a。我该怎么做?
我创建了一个小 jsfiddle 来说明我想要实现的目标:http: //jsfiddle.net/uxCXa/2/
我会使用一个伪元素来实现这一点,并添加一个box-shadow
伪 WebKit 的模糊过滤器。
.container {
position: relative;
width: 200px;
}
.container:after {
position: absolute;
top: 15%;
bottom: 15%;
left: 0;
right: 0;
background: rgba(100,100,100,0.3);
box-shadow: 0 0 3px 0 rgba(100,100,100,0.3);
z-index: 2;
content: "";
}
top
并且bottom
需要成为你想要的 30% 的一半。