diff options
Diffstat (limited to 'tests/wpt/web-platform-tests/css/css-transforms/transform-box/view-box-viewbox-nested.html')
| -rw-r--r-- | tests/wpt/web-platform-tests/css/css-transforms/transform-box/view-box-viewbox-nested.html | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/tests/wpt/web-platform-tests/css/css-transforms/transform-box/view-box-viewbox-nested.html b/tests/wpt/web-platform-tests/css/css-transforms/transform-box/view-box-viewbox-nested.html new file mode 100644 index 00000000000..4f667e20ba8 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-transforms/transform-box/view-box-viewbox-nested.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<title>transform-box: view-box, relative to viewport defined by nested viewBox</title> +<link rel="match" href="support/greensquare200x200.html"> +<link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-box"> +<style> +#target { + transform-box: view-box; + transform: translate(-50%, -50%); +} +</style> +<p>There should be a green 200x200 rectangle below, and no red.</p> +<svg width="400" height="200"> + <rect width="200" height="200" fill="red"/> + <svg viewBox="0 0 200 200" preserveAspectRatio="xMinYMin"> + <rect id="target" x="100" y="100" width="200" height="200" fill="green"/> + </svg> +</svg> |