OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <script> | 2 <script> |
3 if (window.testRunner) | 3 if (window.testRunner) |
4 window.testRunner.dumpAsText(true); | 4 window.testRunner.dumpAsTextWithPixelResults(); |
5 </script> | 5 </script> |
6 <style> | 6 <style> |
7 | 7 |
8 li | 8 li |
9 { | 9 { |
10 margin: 5px; | 10 margin: 5px; |
11 width: 130px; | 11 width: 130px; |
12 height: 130px; | 12 height: 130px; |
13 background: url("resources/ducky.png") no-repeat 0 0 /100% 100%, linear-gradie
nt(to right, #00ffff 0%, rgba(0,0,255,0) 24%, rgba(1,0,0,0) 50%, #ffff00 75%, #0
0ff00 100%); | 13 background: url("resources/ducky.png") no-repeat 0 0 /100% 100%, linear-gradie
nt(to right, #00ffff 0%, rgba(0,0,255,0) 24%, rgba(1,0,0,0) 50%, #ffff00 75%, #0
0ff00 100%); |
14 background-blend-mode: exclusion, normal; | 14 background-blend-mode: exclusion, normal; |
15 display: block; | 15 display: block; |
16 float: left; | 16 float: left; |
17 } | 17 } |
18 </style> | 18 </style> |
19 <!-- this file should contain a duck on top of a gradient with every type of ble
nding --> | 19 <!-- this file should contain a duck on top of a gradient with every type of ble
nding --> |
20 <body style="background-color: red"> | 20 <body style="background-color: red"> |
21 <ul> | 21 <ul> |
22 <li style=""></li> | 22 <li style=""></li> |
23 <li style="opacity: .9"></li> | 23 <li style="opacity: .9"></li> |
24 <li style="-webkit-transform: scale(1.01, 1.01)"></li> | 24 <li style="-webkit-transform: scale(1.01, 1.01)"></li> |
25 <li style="-webkit-transform: translate3d(1px, 1px, 1px)"></li> | 25 <li style="-webkit-transform: translate3d(1px, 1px, 1px)"></li> |
26 <li style="-webkit-box-reflect:below 5px linear-gradient(to bottom, transparent
0%, transparent 50%, white 100%);"></li> | 26 <li style="-webkit-box-reflect:below 5px linear-gradient(to bottom, transparent
0%, transparent 50%, white 100%);"></li> |
27 <li style="position: fixed; top: 160px;"></li> | 27 <li style="position: fixed; top: 160px;"></li> |
28 </ul> | 28 </ul> |
29 </body> | 29 </body> |
OLD | NEW |