css3/filters/effect-brightness-clamping-hw.html

<style>
img {
    -webkit-transform:translateZ(0);
}
</style>
<img style="-webkit-filter: brightness(-1) brightness(1)" src="resources/reference.png">
<img style="-webkit-filter: brightness(-0.8) brightness(0.8)" src="resources/reference.png">
<img style="-webkit-filter: brightness(-0.5) brightness(0.5)" src="resources/reference.png">
<img style="-webkit-filter: brightness(-0.2) brightness(0.2)" src="resources/reference.png">
<img style="-webkit-filter: brightness(0.2) brightness(-0.2)" src="resources/reference.png">
<img style="-webkit-filter: brightness(0.5) brightness(-0.5)" src="resources/reference.png">
<img style="-webkit-filter: brightness(0.8) brightness(-0.8)" src="resources/reference.png">
<img style="-webkit-filter: brightness(1) brightness(-1)" src="resources/reference.png">
<img style="-webkit-filter: brightness(0.8) grayscale(1)" src="resources/reference.png">
<img style="-webkit-filter: brightness(0.5) blur(3px)" src="resources/reference.png">
<img style="-webkit-filter: brightness(1) blur(3px)" src="resources/reference.png">
<img style="-webkit-filter: brightness(0.5) drop-shadow(5px 5px 5px red)" src="resources/reference.png">