| OLD | NEW |
|---|
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <title>Hit testing on backface</title> | 3 <title>Hit testing on backface</title> |
| 4 <style type="text/css" media="screen"> | 4 <style type="text/css" media="screen"> |
| 5 | 5 |
| 6 div:hover { | 6 div:hover { |
| 7 outline: 4px solid orange; | 7 outline: 4px solid orange; |
| 8 } | 8 } |
| 9 #container { | 9 #container { |
| 10 width: 400px; | 10 width: 400px; |
| 11 height: 200px; | 11 height: 200px; |
| 12 background-color: #EEE; | 12 background-color: #EEE; |
| 13 border: 1px solid black; | 13 border: 1px solid black; |
| 14 -webkit-transform-style: preserve-3d; | 14 -webkit-transform-style: preserve-3d; |
| 15 -webkit-transform: translateZ(1px) rotateY(180deg); | 15 transform: translateZ(1px) rotateY(180deg); |
| 16 } | 16 } |
| 17 | 17 |
| 18 .box { | 18 .box { |
| 19 position: relative; | 19 position: relative; |
| 20 display: inline-block; | 20 display: inline-block; |
| 21 width: 160px; | 21 width: 160px; |
| 22 height: 160px; | 22 height: 160px; |
| 23 background-color: gray; | 23 background-color: gray; |
| 24 margin: 18px; | 24 margin: 18px; |
| 25 font-size: 200%; | 25 font-size: 200%; |
| (...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 62 <div id="container"> | 62 <div id="container"> |
| 63 <div class="box" id="box1">box1</div> | 63 <div class="box" id="box1">box1</div> |
| 64 <div class="box" id="box2" style="-webkit-backface-visibility: hidden;">box2</
div> | 64 <div class="box" id="box2" style="-webkit-backface-visibility: hidden;">box2</
div> |
| 65 </div> | 65 </div> |
| 66 | 66 |
| 67 <div id="results"> | 67 <div id="results"> |
| 68 </div> | 68 </div> |
| 69 | 69 |
| 70 </body> | 70 </body> |
| 71 </html> | 71 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 637763002:
Unprefix usage of -webkit-transform in tests (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master