LayoutTests/animations/3d/transform-origin-vs-functions.html - Issue 637763002: Unprefix usage of -webkit-transform in tests

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: LayoutTests/animations/3d/transform-origin-vs-functions.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 6 years, 2 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 | « LayoutTests/animations/3d/state-at-end-event-transform.html ('k') | LayoutTests/animations/3d/transform-perspective.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/animations/3d/transform-origin-vs-functions.html

diff --git a/LayoutTests/animations/3d/transform-origin-vs-functions.html b/LayoutTests/animations/3d/transform-origin-vs-functions.html

index d03f9c3cba95ae33b3d3b2cede95b88ea2ca58e0..3a891a958bc628f539342b2d2cdf731eda5cf37c 100644

--- a/LayoutTests/animations/3d/transform-origin-vs-functions.html

+++ b/LayoutTests/animations/3d/transform-origin-vs-functions.html

@@ -26,12 +26,12 @@

-webkit-transform-origin: center center 200px;

}

@-webkit-keyframes b1 {

- from { -webkit-transform: rotateY(0deg); }

- 5% { -webkit-transform: rotateY(90deg); }

- 20% { -webkit-transform: rotateY(90deg); }

- 50% { -webkit-transform: rotateY(180deg); }

- 75% { -webkit-transform: rotateY(270deg); }

- to { -webkit-transform: rotateY(360deg); }

+ from { transform: rotateY(0deg); }

+ 5% { transform: rotateY(90deg); }

+ 20% { transform: rotateY(90deg); }

+ 50% { transform: rotateY(180deg); }

+ 75% { transform: rotateY(270deg); }

+ to { transform: rotateY(360deg); }

}

#b2 {

top: 320px;

@@ -45,12 +45,12 @@

-webkit-animation-timing-function: linear;

}

@-webkit-keyframes b2 {

- from { -webkit-transform: translateZ(200px) rotateY(0deg) translateZ(-200px) }

- 5% { -webkit-transform: translateZ(200px) rotateY(90deg) translateZ(-200px) }

- 20% { -webkit-transform: translateZ(200px) rotateY(90deg) translateZ(-200px) }

- 50% { -webkit-transform: translateZ(200px) rotateY(180deg) translateZ(-200px) }

- 75% { -webkit-transform: translateZ(200px) rotateY(270deg) translateZ(-200px) }

- to { -webkit-transform: translateZ(200px) rotateY(360deg) translateZ(-200px) }

+ from { transform: translateZ(200px) rotateY(0deg) translateZ(-200px) }

+ 5% { transform: translateZ(200px) rotateY(90deg) translateZ(-200px) }

+ 20% { transform: translateZ(200px) rotateY(90deg) translateZ(-200px) }

+ 50% { transform: translateZ(200px) rotateY(180deg) translateZ(-200px) }

+ 75% { transform: translateZ(200px) rotateY(270deg) translateZ(-200px) }

+ to { transform: translateZ(200px) rotateY(360deg) translateZ(-200px) }

}

</style>

@@ -129,7 +129,7 @@

- <div style="-webkit-transform:translateZ(-200px); -webkit-transform-style:preserve-3d;">

+ <div style="transform:translateZ(-200px); transform-style:preserve-3d;">

</div>