| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 #target { | 3 #target { |
| 4 transition: opacity 10ms; | 4 transition: opacity 10ms; |
| 5 opacity: 0.5; | 5 opacity: 0.5; |
| 6 } | 6 } |
| 7 #target.dim { | 7 #target.dim { |
| 8 opacity: 0.2; | 8 opacity: 0.2; |
| 9 } | 9 } |
| 10 </style> | 10 </style> |
| (...skipping 13 matching lines...) Expand all Loading... |
| 24 testRunner.notifyDone(); | 24 testRunner.notifyDone(); |
| 25 }); | 25 }); |
| 26 }); | 26 }); |
| 27 }); | 27 }); |
| 28 }); | 28 }); |
| 29 }); | 29 }); |
| 30 }); | 30 }); |
| 31 </script> | 31 </script> |
| 32 <div id="target" class="dim" style="width: 500px; height: 500px; background-colo
r: blue;"></div> | 32 <div id="target" class="dim" style="width: 500px; height: 500px; background-colo
r: blue;"></div> |
| 33 <div style="width: 300px; height: 300px; position: absolute; left: 20px; top: 40
0px; background-color: purple; z-index:1000"> | 33 <div style="width: 300px; height: 300px; position: absolute; left: 20px; top: 40
0px; background-color: purple; z-index:1000"> |
| 34 <div style="width:100px; height:100px; position:relative; left:10px; top:10p
x; -webkit-transform:translateZ(0); background-color:yellow"></div> | 34 <div style="width:100px; height:100px; position:relative; left:10px; top:10p
x; transform:translateZ(0); background-color:yellow"></div> |
| 35 </div> | 35 </div> |
| OLD | NEW |