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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/compositing/squashing/squash-partial-repaint-inside-squashed-layer-expected.html

Issue 1994373002: Convert some repaint tests into ref tests (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 7 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 | « third_party/WebKit/LayoutTests/compositing/squashing/squash-partial-repaint-inside-squashed-layer.html ('k') | third_party/WebKit/LayoutTests/compositing/squashing/squashing-inside-preserve-3d-element.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 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <head> 2 <head>
3 <style> 3 <style>
4 .composited {
5 transform: translatez(0);
6 }
7
8 .box { 4 .box {
9 width: 100px; 5 width: 100px;
10 height: 100px; 6 height: 100px;
11 } 7 }
12 8
13 .behind { 9 .behind {
14 position: absolute; 10 position: absolute;
15 z-index: 1;
16 top: 100px; 11 top: 100px;
17 left: 100px; 12 left: 100px;
18 background-color: blue; 13 background-color: blue;
19 } 14 }
20 15
21 .middle { 16 .middle {
22 position: absolute; 17 position: absolute;
23 z-index: 1;
24 top: 180px; 18 top: 180px;
25 left: 180px; 19 left: 180px;
26 background-color: lime; 20 background-color: lime;
27 } 21 }
28 22
29 .repaintdiv { 23 .repaintdiv {
30 position: absolute; 24 position: absolute;
31 z-index: 1;
32 top: 260px; 25 top: 260px;
33 left: 260px; 26 left: 260px;
34 width: 182px; 27 width: 182px;
35 height: 29px; 28 height: 29px;
36 background-color: salmon; 29 background-color:salmon;
37 } 30 }
38 31
39 .top { 32 .top {
40 position: absolute; 33 position: absolute;
41 z-index: 1;
42 top: 280px; 34 top: 280px;
43 left: 340px; 35 left: 340px;
44 background-color: cyan; 36 background-color: cyan;
45 } 37 }
46 38
47 div:hover {
48 background-color: green;
49 transform:translatez(0);
50 }
51
52 </style> 39 </style>
53 </head> 40 </head>
54 <body> 41 <body>
55 <div class="composited box behind"></div> 42 <div class="box behind"></div>
56 <div class="box middle"></div> 43 <div class="box middle"></div>
57 <img id="repaintdiv" class="repaintdiv"></img> 44 <img id="repaintdiv" class="repaintdiv"></img>
58 <div class="box top"></div> 45 <div class="box top"></div>
59 </body> 46 </body>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/compositing/squashing/squash-partial-repaint-inside-squashed-layer.html ('k') | third_party/WebKit/LayoutTests/compositing/squashing/squashing-inside-preserve-3d-element.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698