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>Testing direct image layer optimisation</title> | 7 <title>Testing direct 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 img { | 14 img { |
15 -webkit-transform: rotate3d(0, 0, 1, 0); | 15 transform: rotate3d(0, 0, 1, 0); |
16 } | 16 } |
17 .test { | 17 .test { |
18 float: left; | 18 float: left; |
19 height: 200px; | 19 height: 200px; |
20 width: 260px; | 20 width: 260px; |
21 } | 21 } |
22 </style> | 22 </style> |
23 </head> | 23 </head> |
24 <body> | 24 <body> |
25 | 25 |
(...skipping 25 matching lines...) Expand all Loading... |
51 <img src="resources/simple_image.png" style="background-color: grey;"> | 51 <img src="resources/simple_image.png" style="background-color: grey;"> |
52 solid background - can be directly composited | 52 solid background - can be directly composited |
53 </div> | 53 </div> |
54 | 54 |
55 <div class="test"> | 55 <div class="test"> |
56 <img src="resources/simple_image.png" style="background: orange url(resource
s/simple_image.png) -50px -50px;"> | 56 <img src="resources/simple_image.png" style="background: orange url(resource
s/simple_image.png) -50px -50px;"> |
57 background image - can NOT be directly composited | 57 background image - can NOT be directly composited |
58 </div> | 58 </div> |
59 | 59 |
60 <div class="test"> | 60 <div class="test"> |
61 <img src="resources/simple_image.png" style="-webkit-transform: rotate3d(0,
0, 1, 10deg);"> | 61 <img src="resources/simple_image.png" style="transform: rotate3d(0, 0, 1, 10
deg);"> |
62 rotated but otherwise no style - can be directly composited | 62 rotated but otherwise no style - can be directly composited |
63 </div> | 63 </div> |
64 | 64 |
65 </body> | 65 </body> |
66 </html> | 66 </html> |
OLD | NEW |