| OLD | NEW |
| 1 <script> | |
| 2 if (window.testRunner) { | |
| 3 // Force software rendering mode. | |
| 4 window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled",
"0"); | |
| 5 } | |
| 6 </script> | |
| 7 <style> | 1 <style> |
| 8 img { | 2 img { |
| 9 margin: 10px; | 3 margin: 10px; |
| 10 } | 4 } |
| 11 </style> | 5 </style> |
| 12 <img style="-webkit-filter: sepia() saturate(3) hue-rotate(180deg)" src="resourc
es/reference.png"> | 6 <img style="-webkit-filter: sepia() saturate(3) hue-rotate(180deg)" src="resourc
es/reference.png"> |
| 13 <img style="-webkit-filter: saturate(3) hue-rotate(90deg)" src="resources/refere
nce.png"> | 7 <img style="-webkit-filter: saturate(3) hue-rotate(90deg)" src="resources/refere
nce.png"> |
| 14 <img style="-webkit-filter: grayscale() blur(3px)" src="resources/reference.png"
> | 8 <img style="-webkit-filter: grayscale() blur(3px)" src="resources/reference.png"
> |
| 15 <img style="-webkit-filter: blur(3px) hue-rotate(-90deg) sepia()" src="resources
/reference.png"> | 9 <img style="-webkit-filter: blur(3px) hue-rotate(-90deg) sepia()" src="resources
/reference.png"> |
| 16 <img style="-webkit-filter: blur(3px) opacity(0.5) hue-rotate(-90deg) sepia()" s
rc="resources/reference.png"> | 10 <img style="-webkit-filter: blur(3px) opacity(0.5) hue-rotate(-90deg) sepia()" s
rc="resources/reference.png"> |
| 17 <img style="-webkit-filter: blur(3px) brightness(1.2) contrast(2)" src="resource
s/reference.png"> | 11 <img style="-webkit-filter: blur(3px) brightness(1.2) contrast(2)" src="resource
s/reference.png"> |
| OLD | NEW |