| OLD | NEW |
|---|
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
| 2 "http://www.w3.org/TR/html4/loose.dtd"> | 2 "http://www.w3.org/TR/html4/loose.dtd"> |
| 3 | 3 |
| 4 <html lang="en"> | 4 <html lang="en"> |
| 5 <head> | 5 <head> |
| 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| 7 <title>Checking for simple image layer optimisation</title> | 7 <title>Checking for simple image layer optimisation</title> |
| 8 <style type="text/css" media="screen"> | 8 <style type="text/css" media="screen"> |
| 9 img { | 9 img { |
| 10 float: left; | 10 float: left; |
| 11 width: 150px; | 11 width: 150px; |
| 12 height: 150px; | 12 height: 150px; |
| 13 } | 13 } |
| 14 p { | 14 p { |
| 15 clear: both; | 15 clear: both; |
| 16 margin: 1em 2em; | 16 margin: 1em 2em; |
| 17 height: 180px; | 17 height: 180px; |
| 18 } | 18 } |
| 19 img { | 19 img { |
| 20 -webkit-transform: rotate3d(0, 0, 1, 0); | 20 transform: rotate3d(0, 0, 1, 0); |
| 21 } | 21 } |
| 22 </style> | 22 </style> |
| 23 </head> | 23 </head> |
| 24 <body> | 24 <body> |
| 25 | 25 |
| 26 <h1>Image optimisation in layers</h1> | 26 <h1>Image optimisation in layers</h1> |
| 27 | 27 |
| 28 <p style="height: auto"> | 28 <p style="height: auto"> |
| 29 In order to run this test you should enable the debugging options that indic
ate | 29 In order to run this test you should enable the debugging options that indic
ate |
| 30 what type of compositing layer is being used. | 30 what type of compositing layer is being used. |
| (...skipping 27 matching lines...) Expand all Loading... |
| 58 <img src="resources/simple_image.png" style="background-color: grey;"> | 58 <img src="resources/simple_image.png" style="background-color: grey;"> |
| 59 solid background - can be directly composited | 59 solid background - can be directly composited |
| 60 </p> | 60 </p> |
| 61 | 61 |
| 62 <p> | 62 <p> |
| 63 <img src="resources/simple_image.png" style="background: orange url(resource
s/simple_image.png) -50px -50px;"> | 63 <img src="resources/simple_image.png" style="background: orange url(resource
s/simple_image.png) -50px -50px;"> |
| 64 background image - can NOT be directly composited | 64 background image - can NOT be directly composited |
| 65 </p> | 65 </p> |
| 66 | 66 |
| 67 <p> | 67 <p> |
| 68 <img src="resources/simple_image.png" style="-webkit-transform: rotate3d(0,
0, 1, 10deg);"> | 68 <img src="resources/simple_image.png" style="transform: rotate3d(0, 0, 1, 10
deg);"> |
| 69 rotated but otherwise no style - can be directly composited | 69 rotated but otherwise no style - can be directly composited |
| 70 </p> | 70 </p> |
| 71 | 71 |
| 72 | 72 |
| 73 | 73 |
| 74 | 74 |
| 75 </body> | 75 </body> |
| 76 </html> | 76 </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