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

Side by Side Diff: LayoutTests/compositing/squashing/squash-three-layers.html

Issue 88863002: Land layer squashing behind a flag (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: not perfect but can be reviewed Created 7 years 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 | Annotate | Revision Log
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <head>
3 <style>
4 .composited {
5 -webkit-transform: translatez(0);
6 }
7
8 .box {
9 width: 100px;
10 height: 100px;
11 }
12
13 .behind {
14 position: absolute;
15 z-index: 1;
16 top: 100px;
17 left: 100px;
18 background-color: blue;
19 }
20
21 .middle {
22 position: absolute;
23 z-index: 1;
24 top: 40px;
25 left: 40px;
26 background-color: lime;
27 }
28
29 .middle2 {
30 position: absolute;
31 z-index: 1;
32 top: 130px;
33 left: 60px;
34 background-color: magenta;
35 }
36
37 .top {
38 position: absolute;
39 z-index: 1;
40 top: 70px;
41 left: 120px;
42 background-color: cyan;
43 }
44
45
46 </style>
47 </head>
48 <body>
49 <div class="composited box behind"></div>
50 <div class="box middle"></div>
51 <div class="box middle2"></div>
52 <div class="box top"></div>
53 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698