| <!-- This test uses a particular image size to avoid hitting flakiness in mesa texture sampling. See http://crbug.com/621892 for more details. --> |
| <style> |
| img { |
| transform:translateZ(0); |
| } |
| div { |
| width: 160px; |
| height: 90px; |
| display: inline-block; |
| } |
| </style> |
| <div><img style="filter: brightness(1) brightness(2)" src="resources/reference_square.png"></div> |
| <div><img style="filter: brightness(0.2) brightness(1.8)" src="resources/reference_square.png"></div> |
| <div><img style="filter: brightness(0.5) brightness(1.5)" src="resources/reference_square.png"></div> |
| <div><img style="filter: brightness(0.8) brightness(1.2)" src="resources/reference_square.png"></div> |
| <div><img style="filter: brightness(1.2) brightness(0.8)" src="resources/reference_square.png"></div> |
| <div><img style="filter: brightness(1.5) brightness(0.5)" src="resources/reference_square.png"></div> |
| <div><img style="filter: brightness(1.8) brightness(0.2)" src="resources/reference_square.png"></div> |
| <div><img style="filter: brightness(1) brightness(1)" src="resources/reference_square.png"></div> |
| <div><img style="filter: brightness(0.8) grayscale(1)" src="resources/reference_square.png"></div> |
| <div><img style="filter: brightness(0.5) blur(3px)" src="resources/reference_square.png"></div> |
| <div><img style="filter: brightness(1) blur(3px)" src="resources/reference_square.png"></div> |
| <div><img style="filter: brightness(0.5) drop-shadow(5px 5px 5px red)" src="resources/reference_square.png"></div> |