| Index: third_party/WebKit/LayoutTests/svg/transforms/transform-box-border-box.html
|
| diff --git a/third_party/WebKit/LayoutTests/svg/transforms/transform-box-border-box.html b/third_party/WebKit/LayoutTests/svg/transforms/transform-box-border-box.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..dac3a20f92406eb54a2e5ab00d42b76e268061d9
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/svg/transforms/transform-box-border-box.html
|
| @@ -0,0 +1,29 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| +svg {
|
| + background-color: red;
|
| +}
|
| +rect {
|
| + transform-box: view-box;
|
| +}
|
| +#target1 {
|
| + transform-origin: 25% 25%;
|
| + transform: scale(2);
|
| +}
|
| +#target2 {
|
| + transform: translate(50%, 0);
|
| +}
|
| +#target3 {
|
| + transform: translate(0, 50%);
|
| +}
|
| +#target4 {
|
| + transform-origin: 50% 50%;
|
| + transform: rotate(180deg);
|
| +}
|
| +</style>
|
| +<svg width="200" height="200">
|
| + <rect id="target1" x="25" y="25" width="50" height="50" fill="green"/>
|
| + <rect id="target2" width="100" height="100" fill="green"/>
|
| + <rect id="target3" width="100" height="100" fill="green"/>
|
| + <rect id="target4" width="100" height="100" fill="green"/>
|
| +</svg>
|
|
|
Chromium Code Reviews
Issue 2786643003:
Implement support for the 'transform-box' property (Closed)
