third_party/WebKit/ManualTests/svg-css-transition-compound.html - Issue 2715113003: CSS manual tests: reduce usage of webkit prefix

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Unified Diff: third_party/WebKit/ManualTests/svg-css-transition-compound.html

Issue 2715113003: CSS manual tests: reduce usage of webkit prefix (Closed)

Patch Set: Created 3 years, 10 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « third_party/WebKit/ManualTests/svg-css-animate-compound.html ('k') | third_party/WebKit/ManualTests/transition-events.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/ManualTests/svg-css-transition-compound.html

diff --git a/third_party/WebKit/ManualTests/svg-css-transition-compound.html b/third_party/WebKit/ManualTests/svg-css-transition-compound.html

index 0cd9069db495dc81a18f0f5f1a560acdfe187f38..15f46d983fe9d4cb86a25b3e1cb38fcbc1470860 100644

--- a/third_party/WebKit/ManualTests/svg-css-transition-compound.html

+++ b/third_party/WebKit/ManualTests/svg-css-transition-compound.html

@@ -32,7 +32,7 @@

height: 60px;

width: 60px;

border: 1px dotted black;

- -webkit-transform-origin: top left; /* to match SVG */

+ transform-origin: top left; /* to match SVG */

}

.final {

@@ -40,8 +40,8 @@

}

#target, #ref {

- -webkit-transition-property: -webkit-transform;

- -webkit-transition-duration: 1s;

+ transition-property: transform;

+ transition-duration: 1s;

}

</style>

@@ -53,19 +53,19 @@

var divElm = document.getElementById("ref");

if (flag) {

- svgElm.style.webkitTransform = "translate(75px, 25px) scale(2) rotate(45deg)";

- divElm.style.webkitTransform = "translate(75px, 25px) scale(2) rotate(45deg)";

+ svgElm.style.transform = "translate(75px, 25px) scale(2) rotate(45deg)";

+ divElm.style.transform = "translate(75px, 25px) scale(2) rotate(45deg)";

}

else {

- svgElm.style.webkitTransform = "translate(0px, 0px) scale(1) rotate(0deg)";

- divElm.style.webkitTransform = "translate(0px, 0px) scale(1) rotate(0deg)";

+ svgElm.style.transform = "translate(0px, 0px) scale(1) rotate(0deg)";

+ divElm.style.transform = "translate(0px, 0px) scale(1) rotate(0deg)";

}

flag = !flag;

}

</script>

</head>

<body>

- <h1>CSS Transition of "-webkit-trasform" property for SVG elements</h1>

+ <h1>CSS Transition of "trasform" property for SVG elements</h1>

<p>The element below should transition when button is clicked</p>

<p>The SVG transition should be identical with the CSS one</p>