LayoutTests/css3/masking/mask-luminance-gradient.html - Issue 23947005: Implement CSS luminance masking using skia SkLumaMaskXfermode class.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Unified Diff: LayoutTests/css3/masking/mask-luminance-gradient.html

Issue 23947005: Implement CSS luminance masking using skia SkLumaMaskXfermode class. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 7 years, 3 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 side-by-side diff with in-line comments

Download patch

Index: LayoutTests/css3/masking/mask-luminance-gradient.html

diff --git a/LayoutTests/css3/masking/mask-repeat-round-border.html b/LayoutTests/css3/masking/mask-luminance-gradient.html

similarity index 54%

copy from LayoutTests/css3/masking/mask-repeat-round-border.html

copy to LayoutTests/css3/masking/mask-luminance-gradient.html

index 5f8bd6ff0850c631aa50053bc49397ffcacefbd6..7de9e2ae366b587ddce8a1a629b5073dbf89a9df 100644

--- a/LayoutTests/css3/masking/mask-repeat-round-border.html

+++ b/LayoutTests/css3/masking/mask-luminance-gradient.html

@@ -3,21 +3,19 @@

<head>

<style>

#back {

- width: 1000px;

- height: 600px;

- background-color: green;

- }

- #front {

width: 800px;

height: 400px;

- background-color: red;

+ background-color: yellow;

+ }

+ #front {

+ width: 600px;

+ height: 200px;

+ background-color: green;

border: 50px solid blue;

padding: 50px;

- -webkit-mask-image: url(resources/circle.png);

- -webkit-mask-size: 106px;

- -webkit-mask-repeat: round;

- -webkit-mask-origin: border-box;

- -webkit-mask-clip: border-box;

+ -webkit-mask-image: linear-gradient(45deg, white, black);

+ mask-source-type: luminance;

+ -webkit-mask-size: 200px auto;

}

</style>

</head>

@@ -26,6 +24,6 @@

</div>

- </body>

+ </body>

</html>

« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/css3/masking/mask-luminance-gradient-expected.html » ('j') | no next file with comments »