third_party/WebKit/LayoutTests/fast/backgrounds/background-clip-text-composited.html - Issue 1734863003: Remove webkit-background-composite

Unified Diff: third_party/WebKit/LayoutTests/fast/backgrounds/background-clip-text-composited.html

Issue 1734863003: Remove webkit-background-composite (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

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

Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/compositing/background-color/background-color-composite-expected.html ('k') | third_party/WebKit/LayoutTests/fast/backgrounds/bgCompositeCopy.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/fast/backgrounds/background-clip-text-composited.html

diff --git a/third_party/WebKit/LayoutTests/fast/backgrounds/background-clip-text-composited.html b/third_party/WebKit/LayoutTests/fast/backgrounds/background-clip-text-composited.html

deleted file mode 100644

index b704464e5984b91fa6b97af48fa226accd090808..0000000000000000000000000000000000000000

--- a/third_party/WebKit/LayoutTests/fast/backgrounds/background-clip-text-composited.html

+++ /dev/null

@@ -1,70 +0,0 @@

-<!DOCTYPE html>

-<html>

- <head>

- <style>

-.div {

- width: 300px;

- height: 80px;

- border: 1px solid black;

- font-size: 50px;

- font-weight: bold;

- text-align:center;

- color: transparent;

- -webkit-background-clip: text;

- background-color: rgba(0, 255, 0, 0.5);

- /* 300 x 100 image, left half filled with rgba(0, 0, 255, 0.5), right half transparent */

- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAABkCAYAAAA8AQ3AAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAARlJREFUeNrt1MEJACAQBLE7GxcrX2sQQRCSEuYxnaQAftBVmTJwI6mlAi8MCQDDAjAswLAADAvAsADDAjAsAMMCDAvAsAAMCzAsAMMCMCzAsAAMC8CwAMMCMCwAwwIMC8CwAAwLMCwAwwIwLMCwAAwLMCwAwwIwLMCwAAwLwLAAwwIwLADDAgwLwLAADAswLADDAjAswLAADAvAsADDAjAsAMMCDAvAsAAMCzAsAMMCMCzAsAAMCzAsAMMCMCzAsAAMC8CwAMMCMCwAwwIMC8CwAAwLMCwAwwIwLMCwAAwLwLAAwwIwLADDAgwLwLAADAswLADDAjAswLAADAswLADDAjAswLAADAvAsADDAjAsAMMCDAvAsACObZ9kB8Gc0I/yAAAAAElFTkSuQmCC);

-.label {

- font-size: 20px;

- color: black;

- </style>

- </head>

- <body >

- <div style="display: inline-block;">

- <div class="div" style="-webkit-background-clip: border-box;">01234 56789

- <div class="label">unclipped background</div>

- </div>

- <div class="div" style="-webkit-background-composite: xor;">01234 56789

- <div class="label">xor</div>

- </div>

- <div class="div" style="-webkit-background-composite: plus-lighter;">01234 56789

- <div class="label">plus-lighter</div>

- </div>

- <div class="div" style="-webkit-background-composite: source-over;">01234 56789

- <div class="label">source-over</div>

- </div>

- <div class="div" style="-webkit-background-composite: source-atop;">01234 56789

- <div class="label">source-atop</div>

- </div>

- <div class="div" style="-webkit-background-composite: source-in;">01234 56789

- <div class="label">source-in</div>

- </div>

- <div class="div" style="-webkit-background-composite: source-out;">01234 56789

- <div class="label">source-out</div>

- </div>

- <div style="display: inline-block;">

- <div class="div" style="-webkit-background-composite: clear;">01234 56789

- <div class="label">clear</div>

- </div>

- <div class="div" style="-webkit-background-composite: copy;">01234 56789

- <div class="label">copy</div>

- </div>

- <div class="div" style="-webkit-background-composite: destination-over;">01234 56789

- <div class="label">destination-over</div>

- </div>

- <div class="div" style="-webkit-background-composite: destination-atop;">01234 56789

- <div class="label">destination-atop</div>

- </div>

- <div class="div" style="-webkit-background-composite: destination-in;">01234 56789

- <div class="label">destination-in</div>

- </div>

- <div class="div" style="-webkit-background-composite: destination-out;">01234 56789

- <div class="label">destination-out</div>

- </div>

- </body>

-</html>