diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/css-transforms/transform-background-005.html | |
parent | Initial commit. (diff) | |
download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-transforms/transform-background-005.html')
-rw-r--r-- | testing/web-platform/tests/css/css-transforms/transform-background-005.html | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-transforms/transform-background-005.html b/testing/web-platform/tests/css/css-transforms/transform-background-005.html new file mode 100644 index 0000000000..e669d3c629 --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/transform-background-005.html @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<html> + <head> + <title>CSS Test (Transforms): Transform of Background Image (non-propagated body)</title> + <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property"> + <meta name="assert" content="Background images fall within the element's + border box, so they need to be transformed along with it. In this case the + scale is applied to the root element, and the background is on the body. + The white background on the root element prevents the body's background + from propagating to the canvas, so it's just a regular background."> + <meta name="flags" content="svg"> + <link rel="match" href="transform-background-ref-2.html"> + <meta name="fuzzy" content="maxDifference=0-3;totalPixels=0-12102"> + <style> + html, body { + width: 100%; + height: 100%; + } + html { + background: white; + transform: scale(-1); + } + body { + background: url(support/transform-triangle-down.svg) bottom right; + margin: 0; + } + </style> + </head> + <body> + </body> +</html> |