如果我想将此亮度效果仅应用到距图像最底部30像素处。如何更改我的代码?
的HTML
Before Effect<br />
<img src="https://i.ytimg.com/vi/Zlot0i3Zykw/mqdefault.jpg">
<br />
<br />
<br />
After Effect<br />
<img src="https://i.ytimg.com/vi/Zlot0i3Zykw/mqdefault.jpg" style="
-webkit-filter: brightness(0.5);
-moz-filter: brightness(0.5);
-o-filter: brightness(0.5);
-ms-filter: brightness(0.5);
filter: brightness(0.5);">
尝试div
使用覆盖层包裹图像,而不要使用brightness
。
小提琴:https : //jsfiddle.net/pgetv64u/1/
.overlay{
position:relative;
display:inline-block;
}
.overlay:after{
position:absolute;
content:'';
display:block;
top:0;
left:0;
right:0;
bottom:30px;
background:rgba(0,0,0,.5);
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句