| <!-- 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; |
| overflow: hidden; |
| display: inline-block; |
| } |
| </style> |
| <div><img style="filter: hue-rotate(0deg)" src="resources/reference_square.png"></div> |
| <div><img style="filter: hue-rotate(45deg)" src="resources/reference_square.png"></div> |
| <div><img style="filter: hue-rotate(90deg)" src="resources/reference_square.png"></div> |
| <div><img style="filter: hue-rotate(180deg)" src="resources/reference_square.png"></div> |
| <div><img style="filter: hue-rotate(270deg)" src="resources/reference_square.png"></div> |
| <div><img style="filter: hue-rotate(360deg)" src="resources/reference_square.png"></div> |