| OLD | NEW |
|---|
| 1 <!DOCTYPE> | 1 <!DOCTYPE> |
| 2 | 2 |
| 3 <html> | 3 <html> |
| 4 <head> | 4 <head> |
| 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| 6 <title>visibility:hidden on child of compositing layer</title> | 6 <title>visibility:hidden on child of compositing layer</title> |
| 7 <style type="text/css" media="screen"> | 7 <style type="text/css" media="screen"> |
| 8 .box { | 8 .box { |
| 9 height: 100px; | 9 height: 100px; |
| 10 width: 100px; | 10 width: 100px; |
| 11 } | 11 } |
| 12 | 12 |
| 13 .outer { | 13 .outer { |
| 14 position: absolute; | 14 position: absolute; |
| 15 top: 40px; | 15 top: 40px; |
| 16 left: 20px; | 16 left: 20px; |
| 17 height: 100px; | 17 height: 100px; |
| 18 width: 100px; | 18 width: 100px; |
| 19 outline: 2px solid black; | 19 outline: 2px solid black; |
| 20 visibility: hidden; | 20 visibility: hidden; |
| 21 -webkit-transform: translateZ(0); | 21 transform: translateZ(0); |
| 22 } | 22 } |
| 23 | 23 |
| 24 .inner { | 24 .inner { |
| 25 position: relative; | 25 position: relative; |
| 26 height: 100px; | 26 height: 100px; |
| 27 width: 100px; | 27 width: 100px; |
| 28 background-color: green; | 28 background-color: green; |
| 29 visibility: visible; | 29 visibility: visible; |
| 30 } | 30 } |
| 31 | 31 |
| (...skipping 12 matching lines...) Expand all Loading... |
| 44 <p>You should see one green square below.</p> | 44 <p>You should see one green square below.</p> |
| 45 <div id="indicator"></div> | 45 <div id="indicator"></div> |
| 46 | 46 |
| 47 <div class="outer box"> | 47 <div class="outer box"> |
| 48 <div class="inner box"> | 48 <div class="inner box"> |
| 49 </div> | 49 </div> |
| 50 </div> | 50 </div> |
| 51 | 51 |
| 52 </body> | 52 </body> |
| 53 </html> | 53 </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