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

Side by Side Diff: third_party/WebKit/LayoutTests/compositing/masks/mask-with-removed-filters.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, 9 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 div {
4 display: inline-block;
5 height: 560px;
6 width: 260px;
7 border: 1px solid black;
8 }
9
10 img {
11 width: 100%;
12 height: 100%;
13 }
14
15 .composited {
16 transform: translateZ(0px);
17 }
18
19 .alpha-color {
20 -webkit-mask-image: url(../resources/star.svg);
21 }
22 </style>
23 <script src="../../resources/run-after-layout-and-paint.js"></script>
24 <script>
25 runAfterLayoutAndPaint(function() {
26 var image = document.getElementById('blur-image');
27 image.style.filter = "";
28 var imageComposited = document.getElementById('blur-image-composited');
29 imageComposited.style.filter="";
30 }, true);
31 </script>
32
33 <p>Testing masks with filters on compositing layers. Left and right columns shou ld look the same.</p>
34 <div>
35 <img id="blur-image" src="../resources/alpha-gradient-diagonal.png" class="alp ha-color">
36 </div>
37 <div>
38 <img id="blur-image-composited" src="../resources/alpha-gradient-diagonal.png" class="alpha-color composited">
39 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698