Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(2)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/compositing/layer-creation/overlap-transformed-layer.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « LayoutTests/compositing/layer-creation/overlap-transformed-and-clipped.html ('k') | LayoutTests/compositing/layer-creation/overlap-transformed-layer-with-transform-body.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <html> 1 <html>
2 <head> 2 <head>
3 <style> 3 <style>
4 #container { 4 #container {
5 -webkit-transform: translate(-10px, 0px); 5 transform: translate(-10px, 0px);
6 } 6 }
7 7
8 #indicator { 8 #indicator {
9 position: absolute; 9 position: absolute;
10 left: 15px; 10 left: 15px;
11 top: 0px; 11 top: 0px;
12 height: 256px; 12 height: 256px;
13 width: 256px; 13 width: 256px;
14 background-color: red; 14 background-color: red;
15 } 15 }
16 16
17 #green { 17 #green {
18 position: absolute; 18 position: absolute;
19 left: 0px; 19 left: 0px;
20 top: 0px; 20 top: 0px;
21 width: 300px; 21 width: 300px;
22 height: 300px; 22 height: 300px;
23 background-color: green; 23 background-color: green;
24 } 24 }
25 25
26 #composited { 26 #composited {
27 position: absolute; 27 position: absolute;
28 left: 400px; 28 left: 400px;
29 -webkit-transform:translateZ(0); 29 transform:translateZ(0);
30 } 30 }
31 31
32 #layertree { 32 #layertree {
33 position: absolute; 33 position: absolute;
34 left: 10000px; 34 left: 10000px;
35 top: 0px; 35 top: 0px;
36 } 36 }
37 37
38 body { 38 body {
39 overflow: hidden; 39 overflow: hidden;
(...skipping 16 matching lines...) Expand all
56 <div id="indicator"></div> 56 <div id="indicator"></div>
57 <div id="composited"></div> 57 <div id="composited"></div>
58 </div> 58 </div>
59 59
60 <!-- This green square should render completely on top of the red one --> 60 <!-- This green square should render completely on top of the red one -->
61 <div id="green"></div> 61 <div id="green"></div>
62 62
63 <pre id="layertree"></pre> 63 <pre id="layertree"></pre>
64 </body> 64 </body>
65 </html> 65 </html>
OLDNEW
« no previous file with comments | « LayoutTests/compositing/layer-creation/overlap-transformed-and-clipped.html ('k') | LayoutTests/compositing/layer-creation/overlap-transformed-layer-with-transform-body.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698