| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <meta http-equiv="Content-type" content="text/html; charset=utf-8"> | 3 <meta http-equiv="Content-type" content="text/html; charset=utf-8"> |
| 4 <title>slider-transformed</title> | 4 <title>slider-transformed</title> |
| 5 <style type="text/css" media="screen"> | 5 <style type="text/css" media="screen"> |
| 6 input[type="range"] { | 6 input[type="range"] { |
| 7 -webkit-transform-origin: top left; | 7 -webkit-transform-origin: top left; |
| 8 -webkit-transform: rotate(45deg); | 8 transform: rotate(45deg); |
| 9 width: 200px; | 9 width: 200px; |
| 10 } | 10 } |
| 11 | 11 |
| 12 #results { | 12 #results { |
| 13 margin-top: 160px; | 13 margin-top: 160px; |
| 14 } | 14 } |
| 15 </style> | 15 </style> |
| 16 <script type="text/javascript" charset="utf-8"> | 16 <script type="text/javascript" charset="utf-8"> |
| 17 if (window.testRunner) | 17 if (window.testRunner) |
| 18 testRunner.dumpAsText(); | 18 testRunner.dumpAsText(); |
| (...skipping 22 matching lines...) Expand all Loading... |
| 41 document.getElementById('results').innerHTML = result; | 41 document.getElementById('results').innerHTML = result; |
| 42 } | 42 } |
| 43 </script> | 43 </script> |
| 44 </head> | 44 </head> |
| 45 <body onload="test()"> | 45 <body onload="test()"> |
| 46 <input type="range" id="slider" min="0" max="100" value="10"> | 46 <input type="range" id="slider" min="0" max="100" value="10"> |
| 47 <div id="results"> | 47 <div id="results"> |
| 48 </div> | 48 </div> |
| 49 </body> | 49 </body> |
| 50 </html> | 50 </html> |
| OLD | NEW |