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

Side by Side Diff: third_party/WebKit/LayoutTests/compositing/overflow/scaled-mask.html

Issue 2689253002: cc: Add layout test cases for mask tiling. (Closed)
Patch Set: Rebaseline virtual/prefer_compositing_to_lcd_text tests. Created 3 years, 10 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
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <style>
3 #mask {
4 width: 200px;
5 height: 200px;
6 overflow: hidden;
7 border-radius: 10px;
8 border: 4px solid red;
9 background-color: grey;
10 position: absolute;
11 }
12
13 .scale-seam {
14 transform-origin: 0 0;
15 transform: scale(2, 1);
16 display: inline-block;
17 position: absolute;
18 }
19
20 .content {
21 width: 500px;
22 height: 500px;
23 position: absolute;
24 }
25
26 .composited {
27 will-change: transform;
28 }
29 </style>
30
31 <p>Testing masks on compositing layers. Top and bottom rows should look the same .</p>
32 <div class="scale-seam">
33 <div id="mask">
34 <div class="content" style="left: 0;top: 0;background: black;position: absol ute;"></div>
35 </div>
36 </div>
37
38 <div class="scale-seam" style="top: 300px;">
39 <div id="mask" class="composited">
40 <div class="content" style="left: 0;top: 0;background: black;position: absol ute;"></div>
41 </div>
42 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698