LayoutTests/css3/filters/effect-combined.html

   1 <script>
   2 if (window.layoutTestController) {
   3     // Force software rendering mode.
   4     window.layoutTestController.overridePreference("WebKitAcceleratedCompositingEnabled", "0");
   5 }
   6 </script>
   7 <style>
   8 img {
   9     margin: 10px;
  10 }
  11 </style>
  12 <img style="-webkit-filter: sepia() saturate(3) hue-rotate(180deg)" src="resources/reference.png">
  13 <img style="-webkit-filter: saturate(3) hue-rotate(90deg)" src="resources/reference.png">
  14 <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">
  16 <img style="-webkit-filter: blur(3px) opacity(0.5) hue-rotate(-90deg) sepia()" src="resources/reference.png">
  17 <img style="-webkit-filter: blur(3px) brightness(0.2) contrast(2)" src="resources/reference.png">