css3/filters/effect-brightness-clamping.html

<script>
if (window.testRunner) {
    // Force software rendering mode.
    window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "0");
}
</script>
<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">