third_party/WebKit/LayoutTests/animations/3d/transform-origin-vs-functions.html - Issue 2527583002: CSS Animations: Remove unnecessary webkit prefixes from layout tests

Unified Diff: third_party/WebKit/LayoutTests/animations/3d/transform-origin-vs-functions.html

Issue 2527583002: CSS Animations: Remove unnecessary webkit prefixes from layout tests (Closed)

Patch Set: Created 4 years, 1 month 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

« no previous file with comments | « third_party/WebKit/LayoutTests/animations/3d/state-at-end-event-transform.html ('k') | third_party/WebKit/LayoutTests/animations/3d/transform-perspective.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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

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

index 3a891a958bc628f539342b2d2cdf731eda5cf37c..84ae53821177f80cb4df3bdee700f877638dd75c 100644

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

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

@@ -3,13 +3,13 @@

<html>

<head>

- <title>-webkit-transform-origin vs. Transform Functions</title>

+ <title>transform-origin vs. Transform Functions</title>

#a {

top: 0px;

left: 0px;

position: absolute;

- -webkit-perspective: 800;

+ perspective: 800;

width: 800px;

height: 600px;

}

@@ -20,12 +20,12 @@

height: 200px;

position: absolute;

background-color: #282;

- -webkit-animation-duration: 2s;

- -webkit-animation-iteration-count: infinite;

- -webkit-animation-timing-function: linear;

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

+ animation-duration: 2s;

+ animation-iteration-count: infinite;

+ animation-timing-function: linear;

+ transform-origin: center center 200px;

}

- @-webkit-keyframes b1 {

+ @keyframes b1 {

from { transform: rotateY(0deg); }

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

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

@@ -40,11 +40,11 @@

height: 200px;

position: absolute;

background-color: #282;

- -webkit-animation-duration: 2s;

- -webkit-animation-iteration-count: infinite;

- -webkit-animation-timing-function: linear;

+ animation-duration: 2s;

+ animation-iteration-count: infinite;

+ animation-timing-function: linear;

}

- @-webkit-keyframes b2 {

+ @keyframes b2 {

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

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

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

@@ -79,7 +79,7 @@

function snapshot(id)

{

var e = document.getElementById(id);

- var t = window.getComputedStyle(e).webkitTransform;

+ var t = window.getComputedStyle(e).transform;

var a = t.split("(");

var array = a[1].split(",");

var pass = true;

@@ -111,11 +111,11 @@

function startAnimation(id)

{

var element = document.getElementById(id);

- element.addEventListener('webkitAnimationStart', function() {

+ element.addEventListener('animationstart', function() {

// delay to give hardware animations a chance to start

window.setTimeout("snapshotOnTimeout('" + id + "')", 0);

}, false);

- element.style.webkitAnimationName = id;

+ element.style.animationName = id;

}

function start()