mirror of
https://github.com/servo/servo.git
synced 2025-10-07 20:19:21 +01:00
175 lines
No EOL
6.7 KiB
HTML
175 lines
No EOL
6.7 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>Specifying Blending in CSS - Compositing and Blending Level 1 CR Test Suite</title>
|
|
<style type="text/css">
|
|
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
|
@import "../indices.css";
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>Compositing and Blending Level 1 CR Test Suite</h1>
|
|
<h2>Specifying Blending in CSS (8 tests)</h2>
|
|
<table width="100%">
|
|
<col id="test-column"></col>
|
|
<col id="refs-column"></col>
|
|
<col id="flags-column"></col>
|
|
<col id="info-column"></col>
|
|
<thead>
|
|
<tr>
|
|
<th>Test</th>
|
|
<th><abbr title="Rendering References">Refs</abbr></th>
|
|
<th>Flags</th>
|
|
<th>Info</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="s3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3">+</a>
|
|
<a href="http://www.w3.org/TR/compositing-1/#csscompositingandblending">3 Specifying Blending in CSS</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.1">+</a>
|
|
<a href="http://www.w3.org/TR/compositing-1/#compositingandblendingorder">3.1 Order of graphical operations</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.2">+</a>
|
|
<a href="http://www.w3.org/TR/compositing-1/#csscompositingrules_CSS">3.2 Behavior specific to HTML</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.3">+</a>
|
|
<a href="http://www.w3.org/TR/compositing-1/#csscompositingrules_SVG">3.3 Behavior specific to SVG</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.4">+</a>
|
|
<a href="http://www.w3.org/TR/compositing-1/#csskeywords">3.4 CSS Properties</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.4.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.4.1">+</a>
|
|
<a href="http://www.w3.org/TR/compositing-1/#mix-blend-mode">3.4.1 The mix-blend-mode property</a></th></tr>
|
|
<!-- 6 tests -->
|
|
<tr id="blending_in_a_group_with_filter-3.4.1" class="primary svg">
|
|
<td><strong>
|
|
<a href="Blending_in_a_group_with_filter.xht">blending_in_a_group_with_filter</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>Blending in a group with filter
|
|
<ul class="assert">
|
|
<li>Blending in a group with filter</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="blending_in_a_group_with_opacity-3.4.1" class="primary svg">
|
|
<td><strong>
|
|
<a href="Blending_in_a_group_with_opacity.xht">blending_in_a_group_with_opacity</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>Blending in a group with opacity
|
|
<ul class="assert">
|
|
<li>Blending in a group with opacity</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-with-svg-background-3.4.1" class="primary svg">
|
|
<td><strong>
|
|
<a href="line-with-svg-background.xht">line-with-svg-background</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>CSS mix-blend-mode API Test
|
|
</td>
|
|
</tr>
|
|
<tr id="text-with-svg-background-3.4.1" class="primary svg">
|
|
<td><strong>
|
|
<a href="text-with-svg-background.xht">text-with-svg-background</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>CSS mix-blend-mode API Test
|
|
</td>
|
|
</tr>
|
|
<tr id="text_with_svg_background-3.4.1" class="primary svg">
|
|
<td><strong>
|
|
<a href="Text_with_SVG_background.xht">text_with_svg_background</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>Text with SVG background
|
|
<ul class="assert">
|
|
<li>Text with SVG background</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="will-change-stacking-context-mix-blend-mode-1-3.4.1" class="">
|
|
<td>
|
|
<a href="will-change-stacking-context-mix-blend-mode-1.xht">will-change-stacking-context-mix-blend-mode-1</a></td>
|
|
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS will-change: 'will-change: mix-blend-mode' creates a stacking context
|
|
<ul class="assert">
|
|
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s3.4.1.#ltblendmodegt">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.4.1.#propdef-mix-blend-mode">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.4.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.4.2">+</a>
|
|
<a href="http://www.w3.org/TR/compositing-1/#isolation">3.4.2 The isolation property</a></th></tr>
|
|
<!-- 2 tests -->
|
|
<tr id="blend-isolation-3.4.2" class="">
|
|
<td>
|
|
<a href="blend-isolation.xht">blend-isolation</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>CSS Compositing and Blending: isolation applied to a group containing blending
|
|
<ul class="assert">
|
|
<li>Isolation on a group with blending</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="will-change-stacking-context-isolation-1-3.4.2" class="">
|
|
<td>
|
|
<a href="will-change-stacking-context-isolation-1.xht">will-change-stacking-context-isolation-1</a></td>
|
|
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS will-change: 'will-change: isolation' creates a stacking context
|
|
<ul class="assert">
|
|
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s3.4.2.#img_isolation">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.4.2.#isolated-propid">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.4.2.#propdef-background-blend-mode">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.4.2.#propdef-isolation">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |