mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
296fa2512b
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
382 lines
19 KiB
HTML
382 lines
19 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<head>
|
|
<title>Compositing and Blending Level 1 CR Test Suite Reftest Index</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 Reftest Index</h1>
|
|
<table width="100%">
|
|
<col id="test-column">
|
|
<col id="ref-column">
|
|
<col id="flags-column">
|
|
<thead>
|
|
<tr>
|
|
<th>Test</th>
|
|
<th>Reference</th>
|
|
<th>Flags</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="background-blend-mode-gradient-image" class="">
|
|
<tr>
|
|
<td rowspan="1" title="blending between multiple backgrounds (gradient and image) using background-blend-mode">
|
|
<a href="background-blend-mode-gradient-image.htm">background-blend-mode-gradient-image</a></td>
|
|
<td><a href="reference/background-blend-mode-gradient-image-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="compositing_simple_div" class="">
|
|
<tr>
|
|
<td rowspan="1" title="[simple<div>] blending">
|
|
<a href="compositing_simple_div.htm">compositing_simple_div</a></td>
|
|
<td><a href="reference/compositing_simple_div-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-animation" class="">
|
|
<tr>
|
|
<td rowspan="1" title="Blended element with animation">
|
|
<a href="mix-blend-mode-animation.htm">mix-blend-mode-animation</a></td>
|
|
<td><a href="reference/mix-blend-mode-animation-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-blended-element-interposed" class="">
|
|
<tr>
|
|
<td rowspan="1" title="CSS Reftest Reference">
|
|
<a href="mix-blend-mode-blended-element-interposed.htm">mix-blend-mode-blended-element-interposed</a></td>
|
|
<td><a href="reference/green-square.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-blended-element-overflow-hidden-and-border-radius" class="">
|
|
<tr>
|
|
<td rowspan="1" title="blending between an element and its child having overflow:hidden and border-radius">
|
|
<a href="mix-blend-mode-blended-element-overflow-hidden-and-border-radius.htm">mix-blend-mode-blended-element-overflow-hidden-and-border-radius</a></td>
|
|
<td><a href="reference/mix-blend-mode-blended-element-overflow-hidden-and-border-radius-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-blended-element-overflow-scroll" class="">
|
|
<tr>
|
|
<td rowspan="1" title="blending between an element and its child having overflow:scroll">
|
|
<a href="mix-blend-mode-blended-element-overflow-scroll.htm">mix-blend-mode-blended-element-overflow-scroll</a></td>
|
|
<td><a href="reference/mix-blend-mode-blended-element-overflow-scroll-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-blended-element-with-transparent-pixels" class="">
|
|
<tr>
|
|
<td rowspan="1" title="blending between an element with transparent pixels and a child element">
|
|
<a href="mix-blend-mode-blended-element-with-transparent-pixels.htm">mix-blend-mode-blended-element-with-transparent-pixels</a></td>
|
|
<td><a href="reference/mix-blend-mode-blended-element-with-transparent-pixels-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-blended-with-3d-transform" class="">
|
|
<tr>
|
|
<td rowspan="1" title="mix-blend-mode between an element and its child with 3D transform">
|
|
<a href="mix-blend-mode-blended-with-3D-transform.htm">mix-blend-mode-blended-with-3d-transform</a></td>
|
|
<td><a href="reference/mix-blend-mode-blended-with-3D-transform-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-blended-with-transform-and-perspective" class="">
|
|
<tr>
|
|
<td rowspan="1" title="blending between an element and its child having mix-blend-mode and perspective">
|
|
<a href="mix-blend-mode-blended-with-transform-and-perspective.htm">mix-blend-mode-blended-with-transform-and-perspective</a></td>
|
|
<td><a href="reference/mix-blend-mode-blended-with-transform-and-perspective-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-blending-with-sibling" class="">
|
|
<tr>
|
|
<td rowspan="1" title="mix-blend-mode between an element and its sibling">
|
|
<a href="mix-blend-mode-blending-with-sibling.htm">mix-blend-mode-blending-with-sibling</a></td>
|
|
<td><a href="reference/green-square.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-border-image" class="svg">
|
|
<tr>
|
|
<td rowspan="1" title="Blended element with border image">
|
|
<a href="mix-blend-mode-border-image.htm">mix-blend-mode-border-image</a></td>
|
|
<td><a href="reference/mix-blend-mode-border-image-ref.htm">=</a> </td>
|
|
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-both-parent-and-blended-with-3d-transform" class="">
|
|
<tr>
|
|
<td rowspan="1" title="mix-blend-mode between an element and its child (both with 3D transform)">
|
|
<a href="mix-blend-mode-both-parent-and-blended-with-3D-transform.htm">mix-blend-mode-both-parent-and-blended-with-3d-transform</a></td>
|
|
<td><a href="reference/mix-blend-mode-both-parent-and-blended-with-3D-transform-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-canvas-parent" class="dom">
|
|
<tr>
|
|
<td rowspan="1" title="Canvas with mix-blend-mode blends with the parent element.">
|
|
<a href="mix-blend-mode-canvas-parent.htm">mix-blend-mode-canvas-parent</a></td>
|
|
<td><a href="reference/mix-blend-mode-canvas-parent-ref.htm">=</a> </td>
|
|
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-canvas-sibling" class="dom">
|
|
<tr>
|
|
<td rowspan="1" title="Canvas with mix-blend-mode blends with sibling element">
|
|
<a href="mix-blend-mode-canvas-sibling.htm">mix-blend-mode-canvas-sibling</a></td>
|
|
<td><a href="reference/mix-blend-mode-canvas-sibling-ref.htm">=</a> </td>
|
|
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-filter" class="">
|
|
<tr>
|
|
<td rowspan="1" title="Blended element with filter.">
|
|
<a href="mix-blend-mode-filter.htm">mix-blend-mode-filter</a></td>
|
|
<td><a href="reference/mix-blend-mode-filter-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-iframe-parent" class="">
|
|
<tr>
|
|
<td rowspan="1" title="an iframe element with mix-blend-mode should blend with its parent element.">
|
|
<a href="mix-blend-mode-iframe-parent.htm">mix-blend-mode-iframe-parent</a></td>
|
|
<td><a href="reference/mix-blend-mode-iframe-parent-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-iframe-sibling" class="">
|
|
<tr>
|
|
<td rowspan="1" title="an iframe element with mix-blend-mode should blend with a sibling element.">
|
|
<a href="mix-blend-mode-iframe-sibling.htm">mix-blend-mode-iframe-sibling</a></td>
|
|
<td><a href="reference/mix-blend-mode-iframe-sibling-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-image" class="image">
|
|
<tr>
|
|
<td rowspan="1" title="Image element with mix-blend-mode.">
|
|
<a href="mix-blend-mode-image.htm">mix-blend-mode-image</a></td>
|
|
<td><a href="reference/mix-blend-mode-image-notref.htm">≠</a> </td>
|
|
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-in-svg-image" class="svg">
|
|
<tr>
|
|
<td rowspan="1" title="CSS Compositing and Blending: mix-blend-mode in an SVG linked as an image">
|
|
<a href="mix-blend-mode-in-svg-image.htm">mix-blend-mode-in-svg-image</a></td>
|
|
<td><a href="reference/mix-blend-mode-svg-rectangle-ref.htm">=</a> </td>
|
|
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius" class="">
|
|
<tr>
|
|
<td rowspan="1" title="mix-blend-mode between an element and its child having overflow:hidden and border-radius, when the blending element overlaps a sibling element">
|
|
<a href="mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius.htm">mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius</a></td>
|
|
<td><a href="reference/mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-mask" class="svg">
|
|
<tr>
|
|
<td rowspan="1" title="Blended element with masking.">
|
|
<a href="mix-blend-mode-mask.htm">mix-blend-mode-mask</a></td>
|
|
<td><a href="reference/mix-blend-mode-mask-ref.htm">=</a> </td>
|
|
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-overflowing-child" class="">
|
|
<tr>
|
|
<td rowspan="1" title="blended element overflows parent">
|
|
<a href="mix-blend-mode-overflowing-child.htm">mix-blend-mode-overflowing-child</a></td>
|
|
<td><a href="reference/mix-blend-mode-overflowing-child-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-overflowing-child-of-blended-element" class="">
|
|
<tr>
|
|
<td rowspan="1" title="blend an element having an overflowing child.">
|
|
<a href="mix-blend-mode-overflowing-child-of-blended-element.htm">mix-blend-mode-overflowing-child-of-blended-element</a></td>
|
|
<td><a href="reference/mix-blend-mode-blended-element-with-transparent-pixels-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-paragraph" class="">
|
|
<tr>
|
|
<td rowspan="1" title="Paragraph element with mix-blend-mode.">
|
|
<a href="mix-blend-mode-paragraph.htm">mix-blend-mode-paragraph</a></td>
|
|
<td><a href="reference/mix-blend-mode-paragraph-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-paragraph-background-image" class="svg">
|
|
<tr>
|
|
<td rowspan="1" title="Paragraph element with mix-blend-mode over parent with background image.">
|
|
<a href="mix-blend-mode-paragraph-background-image.htm">mix-blend-mode-paragraph-background-image</a></td>
|
|
<td><a href="reference/mix-blend-mode-paragraph-background-image-ref.htm">=</a> </td>
|
|
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-parent-element-overflow-hidden-and-border-radius" class="">
|
|
<tr>
|
|
<td rowspan="1" title="blending between an element having overflow:hidden and border-radius and its child">
|
|
<a href="mix-blend-mode-parent-element-overflow-hidden-and-border-radius.htm">mix-blend-mode-parent-element-overflow-hidden-and-border-radius</a></td>
|
|
<td><a href="reference/mix-blend-mode-parent-element-overflow-hidden-and-border-radius-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-parent-element-overflow-scroll" class="">
|
|
<tr>
|
|
<td rowspan="1" title="blending between an element with overflow:scroll and its child">
|
|
<a href="mix-blend-mode-parent-element-overflow-scroll.htm">mix-blend-mode-parent-element-overflow-scroll</a></td>
|
|
<td><a href="reference/mix-blend-mode-parent-element-overflow-scroll-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-parent-element-overflow-scroll-blended-position-fixed" class="">
|
|
<tr>
|
|
<td rowspan="1" title="blending between an element having overflow:scroll and its child having position: fixed">
|
|
<a href="mix-blend-mode-parent-element-overflow-scroll-blended-position-fixed.htm">mix-blend-mode-parent-element-overflow-scroll-blended-position-fixed</a></td>
|
|
<td><a href="reference/mix-blend-mode-parent-element-overflow-scroll-blended-position-fixed-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-parent-with-3d-transform" class="">
|
|
<tr>
|
|
<td rowspan="1" title="mix-blend-mode between an element with 3D transform and its child">
|
|
<a href="mix-blend-mode-parent-with-3D-transform.htm">mix-blend-mode-parent-with-3d-transform</a></td>
|
|
<td><a href="reference/mix-blend-mode-parent-with-3D-transform-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-parent-with-border-radius" class="">
|
|
<tr>
|
|
<td rowspan="1" title="blending with parent having border radius">
|
|
<a href="mix-blend-mode-parent-with-border-radius.htm">mix-blend-mode-parent-with-border-radius</a></td>
|
|
<td><a href="reference/mix-blend-mode-parent-with-border-radius-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-parent-with-text" class="">
|
|
<tr>
|
|
<td rowspan="1" title="check that the stacking context created by the parent element isolates blending.">
|
|
<a href="mix-blend-mode-parent-with-text.htm">mix-blend-mode-parent-with-text</a></td>
|
|
<td><a href="reference/mix-blend-mode-parent-with-text-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-script" class="dom">
|
|
<tr>
|
|
<td rowspan="1" title="Set mix-blend-mode from script.">
|
|
<a href="mix-blend-mode-script.htm">mix-blend-mode-script</a></td>
|
|
<td><a href="reference/mix-blend-mode-script-ref.htm">=</a> </td>
|
|
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-sibling-with-3d-transform" class="">
|
|
<tr>
|
|
<td rowspan="1" title="blending between an element and its sibling element having 3D transform">
|
|
<a href="mix-blend-mode-sibling-with-3D-transform.htm">mix-blend-mode-sibling-with-3d-transform</a></td>
|
|
<td><a href="reference/mix-blend-mode-sibling-with-3D-transform-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-simple" class="">
|
|
<tr>
|
|
<td rowspan="1" title="An element with mix-blend-mode blends with its parent element.">
|
|
<a href="mix-blend-mode-simple.htm">mix-blend-mode-simple</a></td>
|
|
<td><a href="reference/green-square.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-stacking-context-001" class="">
|
|
<tr>
|
|
<td rowspan="1" title="mix-blend-mode between an element and its child">
|
|
<a href="mix-blend-mode-stacking-context-001.htm">mix-blend-mode-stacking-context-001</a></td>
|
|
<td><a href="reference/mix-blend-mode-stacking-context-001-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-stacking-context-creates-isolation" class="">
|
|
<tr>
|
|
<td rowspan="1" title="stacking context creates isolated group">
|
|
<a href="mix-blend-mode-stacking-context-creates-isolation.htm">mix-blend-mode-stacking-context-creates-isolation</a></td>
|
|
<td><a href="reference/mix-blend-mode-stacking-context-creates-isolation-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-svg" class="svg">
|
|
<tr>
|
|
<td rowspan="1" title="SVG element is blended.">
|
|
<a href="mix-blend-mode-svg.htm">mix-blend-mode-svg</a></td>
|
|
<td><a href="reference/mix-blend-mode-svg-ref.htm">=</a> </td>
|
|
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-svg-rectangle" class="svg">
|
|
<tr>
|
|
<td rowspan="1" title="mix-blend-mode for a simple SVG element - rectangle">
|
|
<a href="mix-blend-mode-svg-rectangle.htm">mix-blend-mode-svg-rectangle</a></td>
|
|
<td><a href="reference/mix-blend-mode-svg-rectangle-ref.htm">=</a> </td>
|
|
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-transition" class="dom">
|
|
<tr>
|
|
<td rowspan="1" title="Blended element with transition">
|
|
<a href="mix-blend-mode-transition.htm">mix-blend-mode-transition</a></td>
|
|
<td><a href="reference/mix-blend-mode-transition-ref.htm">=</a> </td>
|
|
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-video" class="">
|
|
<tr>
|
|
<td rowspan="1" title="Video element with mix-blend-mode.">
|
|
<a href="mix-blend-mode-video.htm">mix-blend-mode-video</a></td>
|
|
<td><a href="reference/mix-blend-mode-video-notref.htm">≠</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-video-sibling" class="">
|
|
<tr>
|
|
<td rowspan="1" title="mix-blend-mode blending between a video element and an overlapping sibling">
|
|
<a href="mix-blend-mode-video-sibling.htm">mix-blend-mode-video-sibling</a></td>
|
|
<td><a href="reference/mix-blend-mode-video-sibling-notref.htm">≠</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="mix-blend-mode-with-transform-and-preserve-3d" class="">
|
|
<tr>
|
|
<td rowspan="1" title="mix-blend-mode between an element and its child having 3D transform and preserve 3D">
|
|
<a href="mix-blend-mode-with-transform-and-preserve-3D.htm">mix-blend-mode-with-transform-and-preserve-3d</a></td>
|
|
<td><a href="reference/mix-blend-mode-with-transform-and-preserve-3D-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="will-change-stacking-context-isolation-1" class="">
|
|
<tr>
|
|
<td rowspan="1" title="CSS will-change: 'will-change: isolation' creates a stacking context">
|
|
<a href="will-change-stacking-context-isolation-1.htm">will-change-stacking-context-isolation-1</a></td>
|
|
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="will-change-stacking-context-mix-blend-mode-1" class="">
|
|
<tr>
|
|
<td rowspan="1" title="CSS will-change: 'will-change: mix-blend-mode' creates a stacking context">
|
|
<a href="will-change-stacking-context-mix-blend-mode-1.htm">will-change-stacking-context-mix-blend-mode-1</a></td>
|
|
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
|
<td rowspan="1"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html>
|