| 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 |