diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-ui/cursor-image-016.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-ui/cursor-image-016.html | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-ui/cursor-image-016.html b/testing/web-platform/tests/css/css-ui/cursor-image-016.html new file mode 100644 index 0000000000..a4ab6630f0 --- /dev/null +++ b/testing/web-platform/tests/css/css-ui/cursor-image-016.html @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<title>CSS Basic User Interface Test: Cursor property, cross-fade image value</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> +<meta name="flags" content="interact image may"> +<meta charset="UTF-8"> +<meta name="assert" content="For cursors, UAs may support cross-fade(), which is part of <image> value type"> + +<style> +div.test{ + background: #D2B48C; border: 2px solid #555; + cursor: cross-fade( url("support/cursors/woolly-64.ico"), green), cross-fade( url("support/cursors/woolly-64.png"), green), help; + width: 128px; height: 128px; +} +</style> +<body> + <p>The test passes if, when moved inside the colored rectangle, the cursor looks like + a green sheep.</p> + <p>If inside the rectangle the cursor does not change, or looks like a help cursor, the test fails.</p> + <div class="test"> </div> +</body> |