применять WebKit фильтр на части изображений JPG

Question

Используя этот CSS

-webkit-filter: brightness(50%); 

Я применить фильтр яркости к изображению, как я мог бы применить этот фильтр только к прямоугольной части изображения? Thanks

Answer 1

Это невозможно, вы можете добавить обрезанное изображение с фильтром поверх него. Не самое элегантное решение, но оно работает:

HTML:

<div class="holder"> 
    <img src="http://placekitten.com/200" /> 
    <img src="http://placekitten.com/200" class="brighten" /> 
</div> 

CSS:

.holder { 
    position:relative 
} 
img.brighten { 
    top:0; 
    left:0; 
    position:absolute; 
    clip: rect(10px, 140px, 140px, 10px); 
    -webkit-filter: brightness(50%); 
} 

В clip пределы собственности его к rectanglular части ..

Fiddle: http://jsfiddle.net/q3bmW/2/