Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(212)

Side by Side Diff: LayoutTests/css3/filters/effect-all-on-background-hw.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <script> 1 <script>
2 if (window.testRunner) 2 if (window.testRunner)
3 window.testRunner.dumpAsTextWithPixelResults(); 3 window.testRunner.dumpAsTextWithPixelResults();
4 </script> 4 </script>
5 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> 5 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1">
6 <defs> 6 <defs>
7 <filter id="xor" color-interpolation-filters="sRGB"> 7 <filter id="xor" color-interpolation-filters="sRGB">
8 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/> 8 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/>
9 <feOffset dx="10" dy="10"/> 9 <feOffset dx="10" dy="10"/>
10 <feComposite in2="transp" operator="xor"/> 10 <feComposite in2="transp" operator="xor"/>
11 </filter> 11 </filter>
12 </defs> 12 </defs>
13 </svg> 13 </svg>
14 <style> 14 <style>
15 li { 15 li {
16 margin: 10px; 16 margin: 10px;
17 width: 160px; 17 width: 160px;
18 height: 90px; 18 height: 90px;
19 background-image: url(resources/reference.png); 19 background-image: url(resources/reference.png);
20 display: block; 20 display: block;
21 float: left; 21 float: left;
22 -webkit-transform:translateZ(0); 22 transform:translateZ(0);
23 } 23 }
24 </style> 24 </style>
25 <ul> 25 <ul>
26 <li style="-webkit-filter: blur(3px)"/> 26 <li style="-webkit-filter: blur(3px)"/>
27 <li style="-webkit-filter: brightness(0.5)"/> 27 <li style="-webkit-filter: brightness(0.5)"/>
28 <li style="-webkit-filter: contrast(3)"/> 28 <li style="-webkit-filter: contrast(3)"/>
29 <li style="-webkit-filter: drop-shadow(5px 5px 5px blue)"/> 29 <li style="-webkit-filter: drop-shadow(5px 5px 5px blue)"/>
30 <li style="-webkit-filter: grayscale(0.5)"/> 30 <li style="-webkit-filter: grayscale(0.5)"/>
31 <li style="-webkit-filter: hue-rotate(180deg)"/> 31 <li style="-webkit-filter: hue-rotate(180deg)"/>
32 <li style="-webkit-filter: invert(1.0)"/> 32 <li style="-webkit-filter: invert(1.0)"/>
33 <li style="-webkit-filter: opacity(0.5)"/> 33 <li style="-webkit-filter: opacity(0.5)"/>
34 <li style="-webkit-filter: saturate(10)"/> 34 <li style="-webkit-filter: saturate(10)"/>
35 <li style="-webkit-filter: sepia(1.0)"/> 35 <li style="-webkit-filter: sepia(1.0)"/>
36 <li style="-webkit-filter: url(#xor)"/> 36 <li style="-webkit-filter: url(#xor)"/>
37 </ul> 37 </ul>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698