diff options
1039 files changed, 1680 insertions, 1710 deletions
diff --git a/third_party/WebKit/LayoutTests/animations/3d/change-transform-in-end-event.html b/third_party/WebKit/LayoutTests/animations/3d/change-transform-in-end-event.html index 5dce399..0f26f00 100644 --- a/third_party/WebKit/LayoutTests/animations/3d/change-transform-in-end-event.html +++ b/third_party/WebKit/LayoutTests/animations/3d/change-transform-in-end-event.html @@ -37,8 +37,8 @@ } @-webkit-keyframes move { - from { -webkit-transform: translateX(0); } - to { -webkit-transform: translateX(300px); } + from { transform: translateX(0); } + to { transform: translateX(300px); } } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/animations/3d/matrix-transform-type-animation.html b/third_party/WebKit/LayoutTests/animations/3d/matrix-transform-type-animation.html index 0b303fa..63ceb3d 100644 --- a/third_party/WebKit/LayoutTests/animations/3d/matrix-transform-type-animation.html +++ b/third_party/WebKit/LayoutTests/animations/3d/matrix-transform-type-animation.html @@ -27,8 +27,8 @@ } @-webkit-keyframes anim { - from { -webkit-transform: matrix(1, 0, 0, 1, 100, 0); } - to { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); } + from { transform: matrix(1, 0, 0, 1, 100, 0); } + to { transform: matrix(1, 0, 0, 1, 0, 0); } } </style> <script src="../resources/animation-test-helpers.js" type="text/javascript"></script> diff --git a/third_party/WebKit/LayoutTests/animations/3d/replace-filling-transform-expected.html b/third_party/WebKit/LayoutTests/animations/3d/replace-filling-transform-expected.html index 2669c3e..60dc40d 100644 --- a/third_party/WebKit/LayoutTests/animations/3d/replace-filling-transform-expected.html +++ b/third_party/WebKit/LayoutTests/animations/3d/replace-filling-transform-expected.html @@ -7,7 +7,7 @@ height: 100px; width: 100px; background-color: green; - -webkit-transform: translate3d(50px, 200px, 0); + transform: translate3d(50px, 200px, 0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/animations/3d/replace-filling-transform.html b/third_party/WebKit/LayoutTests/animations/3d/replace-filling-transform.html index 04b87a3..d3fec93 100644 --- a/third_party/WebKit/LayoutTests/animations/3d/replace-filling-transform.html +++ b/third_party/WebKit/LayoutTests/animations/3d/replace-filling-transform.html @@ -15,24 +15,24 @@ height: 100px; width: 100px; background-color: red; - -webkit-transform: translate3d(50px, 200px, 0); + transform: translate3d(50px, 200px, 0); } @-webkit-keyframes anim1 { from { - -webkit-transform: translate3d(100px, 0, 0); + transform: translate3d(100px, 0, 0); } to { - -webkit-transform: translate3d(200px, 0, 0); + transform: translate3d(200px, 0, 0); } } @-webkit-keyframes anim2 { from { - -webkit-transform: translate3d(50px, 0, 0); + transform: translate3d(50px, 0, 0); } to { - -webkit-transform: translate3d(50px, 200px, 0); + transform: translate3d(50px, 200px, 0); } } </style> diff --git a/third_party/WebKit/LayoutTests/animations/3d/state-at-end-event-transform.html b/third_party/WebKit/LayoutTests/animations/3d/state-at-end-event-transform.html index 63e80e6..4be46f7 100644 --- a/third_party/WebKit/LayoutTests/animations/3d/state-at-end-event-transform.html +++ b/third_party/WebKit/LayoutTests/animations/3d/state-at-end-event-transform.html @@ -30,12 +30,12 @@ } .hardware { - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } @-webkit-keyframes move { - from { -webkit-transform: translate3d(0, 0, 0); } - to { -webkit-transform: translate3d(300px, 0, 0); } + from { transform: translate3d(0, 0, 0); } + to { transform: translate3d(300px, 0, 0); } } </style> <script type="text/javascript" charset="utf-8"> 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 d03f9c3c..3a891a9 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 @@ -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 @@ <body onload="start()"> <div id="a"> <div id="b1"> </div> - <div style="-webkit-transform:translateZ(-200px); -webkit-transform-style:preserve-3d;"> + <div style="transform:translateZ(-200px); transform-style:preserve-3d;"> <div id="b2"> </div> </div> </div> diff --git a/third_party/WebKit/LayoutTests/animations/3d/transform-perspective.html b/third_party/WebKit/LayoutTests/animations/3d/transform-perspective.html index 768c120..1d83d4c 100644 --- a/third_party/WebKit/LayoutTests/animations/3d/transform-perspective.html +++ b/third_party/WebKit/LayoutTests/animations/3d/transform-perspective.html @@ -18,13 +18,13 @@ } @-webkit-keyframes anim { - from { -webkit-transform: perspective(100px); } - to { -webkit-transform: perspective(200px); } + from { transform: perspective(100px); } + to { transform: perspective(200px); } } @-webkit-keyframes anim2 { - from { -webkit-transform: perspective(1000px); } - to { -webkit-transform: none; } + from { transform: perspective(1000px); } + to { transform: none; } } </style> <script src="../resources/animation-test-helpers.js" type="text/javascript"></script> diff --git a/third_party/WebKit/LayoutTests/animations/additive-transform-animations-expected.html b/third_party/WebKit/LayoutTests/animations/additive-transform-animations-expected.html index 0126e2a..1b5d690 100644 --- a/third_party/WebKit/LayoutTests/animations/additive-transform-animations-expected.html +++ b/third_party/WebKit/LayoutTests/animations/additive-transform-animations-expected.html @@ -9,7 +9,7 @@ } #box { - -webkit-transform: rotate(90deg) translate(100px, 0); + transform: rotate(90deg) translate(100px, 0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/animations/additive-transform-animations.html b/third_party/WebKit/LayoutTests/animations/additive-transform-animations.html index 9164706..00e326e 100644 --- a/third_party/WebKit/LayoutTests/animations/additive-transform-animations.html +++ b/third_party/WebKit/LayoutTests/animations/additive-transform-animations.html @@ -14,8 +14,8 @@ } @-webkit-keyframes anim { - from { -webkit-transform: rotate(0deg) translate(-100px, 0); } - to { -webkit-transform: rotate(180deg) translate(300px, 0); } + from { transform: rotate(0deg) translate(-100px, 0); } + to { transform: rotate(180deg) translate(300px, 0); } } </style> <script src="resources/animation-test-helpers.js" type="text/javascript"></script> diff --git a/third_party/WebKit/LayoutTests/animations/animation-direction-normal-expected.html b/third_party/WebKit/LayoutTests/animations/animation-direction-normal-expected.html index 7df4f6a..a22db12 100644 --- a/third_party/WebKit/LayoutTests/animations/animation-direction-normal-expected.html +++ b/third_party/WebKit/LayoutTests/animations/animation-direction-normal-expected.html @@ -15,7 +15,7 @@ width: 100px; background-color: red; margin: 0; - -webkit-transform: translateX(50px); + transform: translateX(50px); } #safezone { position: absolute; diff --git a/third_party/WebKit/LayoutTests/animations/animation-direction-normal.html b/third_party/WebKit/LayoutTests/animations/animation-direction-normal.html index 9430ed3..71c7357 100644 --- a/third_party/WebKit/LayoutTests/animations/animation-direction-normal.html +++ b/third_party/WebKit/LayoutTests/animations/animation-direction-normal.html @@ -30,8 +30,8 @@ background-color: green; } @-webkit-keyframes "move1" { - from { -webkit-transform: translateX(0px); } - to { -webkit-transform: translateX(200px); } + from { transform: translateX(0px); } + to { transform: translateX(200px); } } </style> <script src="resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script> diff --git a/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-fill-mode-hardware.html b/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-fill-mode-hardware.html index 33bcbfa..07c669b 100644 --- a/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-fill-mode-hardware.html +++ b/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-fill-mode-hardware.html @@ -9,15 +9,15 @@ top: 10px; height: 100px; width: 100px; - -webkit-transform: translate3d(100px, 0, 0); + transform: translate3d(100px, 0, 0); -webkit-animation-delay: 0.1s; -webkit-animation-duration: 0.1s; -webkit-animation-timing-function: linear; -webkit-animation-name: anim; } @-webkit-keyframes anim { - from { -webkit-transform: translate3d(200px, 0, 0); } - to { -webkit-transform: translate3d(300px, 0, 0); } + from { transform: translate3d(200px, 0, 0); } + to { transform: translate3d(300px, 0, 0); } } #a { background-color: #f99; diff --git a/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-hardware.html b/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-hardware.html index d684ef0..6d737aa 100644 --- a/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-hardware.html +++ b/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-hardware.html @@ -47,15 +47,15 @@ } @-webkit-keyframes move1 { - from { -webkit-transform: translateX(0px); } - to { -webkit-transform: translateX(200px); } + from { transform: translateX(0px); } + to { transform: translateX(200px); } } @-webkit-keyframes move2 { - 0% { -webkit-transform: translateX(0px); } - 40% { -webkit-transform: translateX(160px); } - 60% { -webkit-transform: translateX(120px); } - 100% { -webkit-transform: translateX(200px); } + 0% { transform: translateX(0px); } + 40% { transform: translateX(160px); } + 60% { transform: translateX(120px); } + 100% { transform: translateX(200px); } } </style> <script src="resources/animation-test-helpers.js"></script> diff --git a/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-timing-functions-hardware.html b/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-timing-functions-hardware.html index b5d19af..075aed1 100644 --- a/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-timing-functions-hardware.html +++ b/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-timing-functions-hardware.html @@ -42,8 +42,8 @@ } @-webkit-keyframes move1 { - from { -webkit-transform: translateX(0px); } - to { -webkit-transform: translateX(200px); } + from { transform: translateX(0px); } + to { transform: translateX(200px); } } </style> <script src="resources/animation-test-helpers.js"></script> diff --git a/third_party/WebKit/LayoutTests/animations/animation-end-event-destroy-renderer.html b/third_party/WebKit/LayoutTests/animations/animation-end-event-destroy-renderer.html index 2a6e2e9..48a8f51 100644 --- a/third_party/WebKit/LayoutTests/animations/animation-end-event-destroy-renderer.html +++ b/third_party/WebKit/LayoutTests/animations/animation-end-event-destroy-renderer.html @@ -11,8 +11,8 @@ } @-webkit-keyframes move { - from { -webkit-transform: translate(0px, 0px); } - to { -webkit-transform: translate(100px, 0px); } + from { transform: translate(0px, 0px); } + to { transform: translate(100px, 0px); } } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/animations/animation-hit-test-transform.html b/third_party/WebKit/LayoutTests/animations/animation-hit-test-transform.html index 885b9a4..49272bd 100644 --- a/third_party/WebKit/LayoutTests/animations/animation-hit-test-transform.html +++ b/third_party/WebKit/LayoutTests/animations/animation-hit-test-transform.html @@ -16,8 +16,8 @@ -webkit-animation-timing-function: linear; } @-webkit-keyframes "anim" { - from { -webkit-transform: translate(100px); } - to { -webkit-transform: translate(300px); } + from { transform: translate(100px); } + to { transform: translate(300px); } } .dot { diff --git a/third_party/WebKit/LayoutTests/animations/animation-iteration-event-destroy-renderer.html b/third_party/WebKit/LayoutTests/animations/animation-iteration-event-destroy-renderer.html index 9a05f30..9ea31c7 100644 --- a/third_party/WebKit/LayoutTests/animations/animation-iteration-event-destroy-renderer.html +++ b/third_party/WebKit/LayoutTests/animations/animation-iteration-event-destroy-renderer.html @@ -12,8 +12,8 @@ } @-webkit-keyframes move { - from { -webkit-transform: translate(0px, 0px); } - to { -webkit-transform: translate(100px, 0px); } + from { transform: translate(0px, 0px); } + to { transform: translate(100px, 0px); } } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/animations/animation-matrix-negative-scale-unmatrix.html b/third_party/WebKit/LayoutTests/animations/animation-matrix-negative-scale-unmatrix.html index e93acab..4075931 100644 --- a/third_party/WebKit/LayoutTests/animations/animation-matrix-negative-scale-unmatrix.html +++ b/third_party/WebKit/LayoutTests/animations/animation-matrix-negative-scale-unmatrix.html @@ -17,8 +17,8 @@ } @-webkit-keyframes anim { - from { -webkit-transform: matrix(1, 0, 0, -1, 0, 0); } - to { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); } + from { transform: matrix(1, 0, 0, -1, 0, 0); } + to { transform: matrix(1, 0, 0, 1, 0, 0); } } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/animations/animation-offscreen-to-onscreen-expected.html b/third_party/WebKit/LayoutTests/animations/animation-offscreen-to-onscreen-expected.html index 8f56e51..cf6a53f 100644 --- a/third_party/WebKit/LayoutTests/animations/animation-offscreen-to-onscreen-expected.html +++ b/third_party/WebKit/LayoutTests/animations/animation-offscreen-to-onscreen-expected.html @@ -13,7 +13,7 @@ width: 100px; margin: 0; background-color: green; - -webkit-transform: translate(100px, 0px); + transform: translate(100px, 0px); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/animations/animation-offscreen-to-onscreen.html b/third_party/WebKit/LayoutTests/animations/animation-offscreen-to-onscreen.html index f0665dc..6f68196 100644 --- a/third_party/WebKit/LayoutTests/animations/animation-offscreen-to-onscreen.html +++ b/third_party/WebKit/LayoutTests/animations/animation-offscreen-to-onscreen.html @@ -13,15 +13,15 @@ width: 100px; margin: 0; background-color: green; - -webkit-transform: translate(-2000px, 0px); + transform: translate(-2000px, 0px); -webkit-animation-duration: 1s; -webkit-animation-direction: normal; -webkit-animation-timing-function: linear; -webkit-animation-name: "anim"; } @-webkit-keyframes "anim" { - 0% { -webkit-transform: translate(100px, 0px); } - 100% { -webkit-transform: translate(100px, 0px); } + 0% { transform: translate(100px, 0px); } + 100% { transform: translate(100px, 0px); } } </style> <script src="resources/animation-test-helpers.js" type="text/javascript"></script> diff --git a/third_party/WebKit/LayoutTests/animations/animation-on-inline-crash.html b/third_party/WebKit/LayoutTests/animations/animation-on-inline-crash.html index 0db2eab..48f1bbb 100644 --- a/third_party/WebKit/LayoutTests/animations/animation-on-inline-crash.html +++ b/third_party/WebKit/LayoutTests/animations/animation-on-inline-crash.html @@ -5,7 +5,7 @@ -webkit-animation-name: anim; } @-webkit-keyframes anim { - from { -webkit-transform: translateX(10px); } + from { transform: translateX(10px); } } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/animations/animation-shorthand-overriding.html b/third_party/WebKit/LayoutTests/animations/animation-shorthand-overriding.html index 7b27164..e254a51 100644 --- a/third_party/WebKit/LayoutTests/animations/animation-shorthand-overriding.html +++ b/third_party/WebKit/LayoutTests/animations/animation-shorthand-overriding.html @@ -3,12 +3,12 @@ <title>Test animation shorthand property</title> <style type="text/css"> @-webkit-keyframes circle { - from { -webkit-transform:rotate(0deg); } - to { -webkit-transform:rotate(360deg); } + from { transform:rotate(0deg); } + to { transform:rotate(360deg); } } @-webkit-keyframes inner-circle { - from { -webkit-transform:rotate(0deg); } - to { -webkit-transform:rotate(-360deg); } + from { transform:rotate(0deg); } + to { transform:rotate(-360deg); } } div > div { diff --git a/third_party/WebKit/LayoutTests/animations/animation-start-event-destroy-renderer.html b/third_party/WebKit/LayoutTests/animations/animation-start-event-destroy-renderer.html index d18fe20..314a6c0 100644 --- a/third_party/WebKit/LayoutTests/animations/animation-start-event-destroy-renderer.html +++ b/third_party/WebKit/LayoutTests/animations/animation-start-event-destroy-renderer.html @@ -11,8 +11,8 @@ } @-webkit-keyframes move { - from { -webkit-transform: translate(0px, 0px); } - to { -webkit-transform: translate(100px, 0px); } + from { transform: translate(0px, 0px); } + to { transform: translate(100px, 0px); } } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/animations/animation-welcome-safari.html b/third_party/WebKit/LayoutTests/animations/animation-welcome-safari.html index 9fcfb01..649231c 100644 --- a/third_party/WebKit/LayoutTests/animations/animation-welcome-safari.html +++ b/third_party/WebKit/LayoutTests/animations/animation-welcome-safari.html @@ -15,61 +15,61 @@ @-webkit-keyframes red { from { opacity: 0; - -webkit-transform: scale(3); + transform: scale(3); } 22% { opacity: 1; - -webkit-transform: scale(1.1); + transform: scale(1.1); } 30% { opacity: 1; - -webkit-transform: scale(1); + transform: scale(1); } 82% { opacity: 1; - -webkit-transform: scale(0.92); + transform: scale(0.92); } to { opacity: 0; - -webkit-transform: scale(0.2); + transform: scale(0.2); } } @-webkit-keyframes green { from { opacity: 0; - -webkit-transform: scale(2.6); + transform: scale(2.6); } 20% { opacity: 1; - -webkit-transform: scale(1); + transform: scale(1); } 77% { opacity: 1; - -webkit-transform: scale(0.9); + transform: scale(0.9); } to { opacity: 0; - -webkit-transform: scale(0.1); + transform: scale(0.1); } } /* safari keyframes */ @-webkit-keyframes blue { from { - -webkit-transform: scale(1.2); + transform: scale(1.2); opacity: 0; } 20% { - -webkit-transform: scale(0.8); + transform: scale(0.8); opacity: 1; } 84% { - -webkit-transform: scale(0.6); + transform: scale(0.6); opacity: 1; } to { - -webkit-transform: scale(0.2); + transform: scale(0.2); opacity: 0; } } diff --git a/third_party/WebKit/LayoutTests/animations/big-rotation.html b/third_party/WebKit/LayoutTests/animations/big-rotation.html index fa5e4c2..4297e97 100644 --- a/third_party/WebKit/LayoutTests/animations/big-rotation.html +++ b/third_party/WebKit/LayoutTests/animations/big-rotation.html @@ -15,8 +15,8 @@ -webkit-animation-fill-mode: forwards; } @-webkit-keyframes "rotate" { - from { -webkit-transform: rotate(0); } - to { -webkit-transform: rotate(540deg); } + from { transform: rotate(0); } + to { transform: rotate(540deg); } } </style> <script src="resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script> diff --git a/third_party/WebKit/LayoutTests/animations/body-removal-crash.html b/third_party/WebKit/LayoutTests/animations/body-removal-crash.html index ae02de2..08804b2 100644 --- a/third_party/WebKit/LayoutTests/animations/body-removal-crash.html +++ b/third_party/WebKit/LayoutTests/animations/body-removal-crash.html @@ -10,8 +10,8 @@ height: 100px; } @-webkit-keyframes anim { - from { -webkit-transform: rotate(0) scale(1,1); } - to { -webkit-transform: rotate(360deg) scale(2,4); } + from { transform: rotate(0) scale(1,1); } + to { transform: rotate(360deg) scale(2,4); } } </style> </head> diff --git a/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation-expected.html b/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation-expected.html index 1165c42..a39c1a5 100644 --- a/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation-expected.html +++ b/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation-expected.html @@ -3,7 +3,7 @@ <head> <style> #container { - -webkit-transform: translateZ(0px); + transform: translateZ(0px); -webkit-perspective: 400; } @@ -21,7 +21,7 @@ height: 100px; width: 100px; background-color: red; - -webkit-transform: translateZ(200px) translateX(-200px); + transform: translateZ(200px) translateX(-200px); -webkit-transform-style: preserve-3d; } </style> diff --git a/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation.html b/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation.html index a457d76..d4b17f2 100644 --- a/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation.html +++ b/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation.html @@ -3,7 +3,7 @@ <head> <style> #container { - -webkit-transform: translateZ(0px); + transform: translateZ(0px); -webkit-perspective: 400; } @@ -21,7 +21,7 @@ height: 100px; width: 100px; background-color: red; - -webkit-transform: translateZ(10px); + transform: translateZ(10px); -webkit-transform-style: preserve-3d; -webkit-animation-duration: 100ms; -webkit-animation-fill-mode: both; @@ -30,8 +30,8 @@ } @-webkit-keyframes anim { - from { -webkit-transform: translateZ(0px) translateX(0px); } - to { -webkit-transform: translateZ(200px) translateX(-200px); } + from { transform: translateZ(0px) translateX(0px); } + to { transform: translateZ(200px) translateX(-200px); } } </style> diff --git a/third_party/WebKit/LayoutTests/animations/combo-transform-rotate+scale.html b/third_party/WebKit/LayoutTests/animations/combo-transform-rotate+scale.html index 8760291..e181705 100644 --- a/third_party/WebKit/LayoutTests/animations/combo-transform-rotate+scale.html +++ b/third_party/WebKit/LayoutTests/animations/combo-transform-rotate+scale.html @@ -15,8 +15,8 @@ -webkit-animation-name: "anim"; } @-webkit-keyframes "anim" { - from { -webkit-transform: rotate(0) scale(1,1); } - to { -webkit-transform: rotate(360deg) scale(2,4); } + from { transform: rotate(0) scale(1,1); } + to { transform: rotate(360deg) scale(2,4); } } </style> <script src="resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script> diff --git a/third_party/WebKit/LayoutTests/animations/combo-transform-translate+scale.html b/third_party/WebKit/LayoutTests/animations/combo-transform-translate+scale.html index fbd5073..754c2a4 100644 --- a/third_party/WebKit/LayoutTests/animations/combo-transform-translate+scale.html +++ b/third_party/WebKit/LayoutTests/animations/combo-transform-translate+scale.html @@ -15,8 +15,8 @@ -webkit-animation-name: "anim"; } @-webkit-keyframes "anim" { - from { -webkit-transform: translate(0,0) scale(1,1); } - to { -webkit-transform: translate(100px, 200px) scale(2,4); } + from { transform: translate(0,0) scale(1,1); } + to { transform: translate(100px, 200px) scale(2,4); } } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/animations/compositor-start-event-timing.html b/third_party/WebKit/LayoutTests/animations/compositor-start-event-timing.html index fad8325..4962e8a 100644 --- a/third_party/WebKit/LayoutTests/animations/compositor-start-event-timing.html +++ b/third_party/WebKit/LayoutTests/animations/compositor-start-event-timing.html @@ -6,10 +6,10 @@ @-webkit-keyframes anim { 0% { - -webkit-transform: translate3d(0, 0, 1px); + transform: translate3d(0, 0, 1px); } 100% { - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } </style> diff --git a/third_party/WebKit/LayoutTests/animations/empty-keyframe-animation-composited.html b/third_party/WebKit/LayoutTests/animations/empty-keyframe-animation-composited.html index 232525a..2196021 100644 --- a/third_party/WebKit/LayoutTests/animations/empty-keyframe-animation-composited.html +++ b/third_party/WebKit/LayoutTests/animations/empty-keyframe-animation-composited.html @@ -2,7 +2,7 @@ <style> p { - -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); -webkit-animation: 1s empty; } @-webkit-keyframes empty { diff --git a/third_party/WebKit/LayoutTests/animations/empty-keyframes-composited.html b/third_party/WebKit/LayoutTests/animations/empty-keyframes-composited.html index 56540a7..30a3dcb 100644 --- a/third_party/WebKit/LayoutTests/animations/empty-keyframes-composited.html +++ b/third_party/WebKit/LayoutTests/animations/empty-keyframes-composited.html @@ -2,7 +2,7 @@ <style> p { - -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); -webkit-animation: 1s test; } @-webkit-keyframes test { diff --git a/third_party/WebKit/LayoutTests/animations/fill-mode-forwards2.html b/third_party/WebKit/LayoutTests/animations/fill-mode-forwards2.html index 4c2c97c..04dde40 100644 --- a/third_party/WebKit/LayoutTests/animations/fill-mode-forwards2.html +++ b/third_party/WebKit/LayoutTests/animations/fill-mode-forwards2.html @@ -38,10 +38,10 @@ -webkit-animation-fill-mode: forwards; } @-webkit-keyframes pop { - 0% { -webkit-transform: scale(0.05); opacity: 0; } - 33% { -webkit-transform: scale(1.00); opacity: 1; } - 66% { -webkit-transform: scale(1.66); opacity: 1; } - 100% { -webkit-transform: scale(0.95); opacity: 0.5; } + 0% { transform: scale(0.05); opacity: 0; } + 33% { transform: scale(1.00); opacity: 1; } + 66% { transform: scale(1.66); opacity: 1; } + 100% { transform: scale(0.95); opacity: 0.5; } } </style> </head> diff --git a/third_party/WebKit/LayoutTests/animations/fill-mode-transform.html b/third_party/WebKit/LayoutTests/animations/fill-mode-transform.html index a9b1227..40a0533 100644 --- a/third_party/WebKit/LayoutTests/animations/fill-mode-transform.html +++ b/third_party/WebKit/LayoutTests/animations/fill-mode-transform.html @@ -12,15 +12,15 @@ top: 10px; height: 100px; width: 100px; - -webkit-transform: translate3d(100px, 0, 0); + transform: translate3d(100px, 0, 0); -webkit-animation-delay: 0.1s; -webkit-animation-duration: 0.1s; -webkit-animation-timing-function: linear; -webkit-animation-name: anim; } @-webkit-keyframes anim { - from { -webkit-transform: translate3d(200px, 0, 0); } - to { -webkit-transform: translate3d(300px, 0, 0); } + from { transform: translate3d(200px, 0, 0); } + to { transform: translate3d(300px, 0, 0); } } #a { background-color: blue; diff --git a/third_party/WebKit/LayoutTests/animations/interpolation/perspective-interpolation.html b/third_party/WebKit/LayoutTests/animations/interpolation/perspective-interpolation.html index 90fdf4a..01feb08 100644 --- a/third_party/WebKit/LayoutTests/animations/interpolation/perspective-interpolation.html +++ b/third_party/WebKit/LayoutTests/animations/interpolation/perspective-interpolation.html @@ -10,7 +10,6 @@ width: 50px; height: 50px; background: black; - -webkit-transform: rotateY(45deg); transform: rotateY(45deg); } .replica .transformed { diff --git a/third_party/WebKit/LayoutTests/animations/interpolation/perspective-origin-interpolation.html b/third_party/WebKit/LayoutTests/animations/interpolation/perspective-origin-interpolation.html index 0e38bbc..1a5a759 100644 --- a/third_party/WebKit/LayoutTests/animations/interpolation/perspective-origin-interpolation.html +++ b/third_party/WebKit/LayoutTests/animations/interpolation/perspective-origin-interpolation.html @@ -12,7 +12,6 @@ width: 50px; height: 50px; background: black; - -webkit-transform: rotateY(45deg); transform: rotateY(45deg); } .replica .transformed { diff --git a/third_party/WebKit/LayoutTests/animations/interpolation/transform-origin-interpolation.html b/third_party/WebKit/LayoutTests/animations/interpolation/transform-origin-interpolation.html index c680f57..5cb8255 100644 --- a/third_party/WebKit/LayoutTests/animations/interpolation/transform-origin-interpolation.html +++ b/third_party/WebKit/LayoutTests/animations/interpolation/transform-origin-interpolation.html @@ -8,7 +8,6 @@ width: 50px; height: 50px; background: red; - -webkit-transform: scale(1.5); transform: scale(1.5); } .replica { diff --git a/third_party/WebKit/LayoutTests/animations/interpolation/webkit-perspective-interpolation.html b/third_party/WebKit/LayoutTests/animations/interpolation/webkit-perspective-interpolation.html index 93f147a..6c16966 100644 --- a/third_party/WebKit/LayoutTests/animations/interpolation/webkit-perspective-interpolation.html +++ b/third_party/WebKit/LayoutTests/animations/interpolation/webkit-perspective-interpolation.html @@ -10,7 +10,6 @@ width: 50px; height: 50px; background: black; - -webkit-transform: rotateY(45deg); transform: rotateY(45deg); } .replica .transformed { diff --git a/third_party/WebKit/LayoutTests/animations/interpolation/webkit-perspective-origin-interpolation.html b/third_party/WebKit/LayoutTests/animations/interpolation/webkit-perspective-origin-interpolation.html index 28ed1b3..ffb95cb 100644 --- a/third_party/WebKit/LayoutTests/animations/interpolation/webkit-perspective-origin-interpolation.html +++ b/third_party/WebKit/LayoutTests/animations/interpolation/webkit-perspective-origin-interpolation.html @@ -12,7 +12,6 @@ width: 50px; height: 50px; background: black; - -webkit-transform: rotateY(45deg); transform: rotateY(45deg); } .replica .transformed { diff --git a/third_party/WebKit/LayoutTests/animations/interpolation/webkit-transform-origin-interpolation.html b/third_party/WebKit/LayoutTests/animations/interpolation/webkit-transform-origin-interpolation.html index ba1d4e6..ed7e364 100644 --- a/third_party/WebKit/LayoutTests/animations/interpolation/webkit-transform-origin-interpolation.html +++ b/third_party/WebKit/LayoutTests/animations/interpolation/webkit-transform-origin-interpolation.html @@ -8,7 +8,6 @@ width: 50px; height: 50px; background: red; - -webkit-transform: scale(1.5); transform: scale(1.5); } .replica { diff --git a/third_party/WebKit/LayoutTests/animations/keyframe-multiple-timing-functions-transform.html b/third_party/WebKit/LayoutTests/animations/keyframe-multiple-timing-functions-transform.html index 2af6f57..6fb2c54 100644 --- a/third_party/WebKit/LayoutTests/animations/keyframe-multiple-timing-functions-transform.html +++ b/third_party/WebKit/LayoutTests/animations/keyframe-multiple-timing-functions-transform.html @@ -7,15 +7,15 @@ width: 100px; margin: 20px; background-color: red; - -webkit-transform: translateZ(0); + transform: translateZ(0); -webkit-animation: horizontal 2s linear 1 alternate, fade 2s steps(1, end) 1 alternate; } @-webkit-keyframes horizontal { - from { -webkit-transform: translateX(0px); } - to { -webkit-transform: translateX(200px); } + from { transform: translateX(0px); } + to { transform: translateX(200px); } } @-webkit-keyframes fade { diff --git a/third_party/WebKit/LayoutTests/animations/keyframe-timing-functions-transform.html b/third_party/WebKit/LayoutTests/animations/keyframe-timing-functions-transform.html index 42fce02..d0adc90 100644 --- a/third_party/WebKit/LayoutTests/animations/keyframe-timing-functions-transform.html +++ b/third_party/WebKit/LayoutTests/animations/keyframe-timing-functions-transform.html @@ -22,19 +22,19 @@ @-webkit-keyframes move { 0% { - -webkit-transform: translateX(0); + transform: translateX(0); -webkit-animation-timing-function: ease-out; } 10% { - -webkit-transform: translateX(100px); + transform: translateX(100px); -webkit-animation-timing-function: linear; } 90% { - -webkit-transform: translateX(500px); + transform: translateX(500px); -webkit-animation-timing-function: ease-in; } 100% { - -webkit-transform: translateX(600px); + transform: translateX(600px); } } diff --git a/third_party/WebKit/LayoutTests/animations/matrix-anim.html b/third_party/WebKit/LayoutTests/animations/matrix-anim.html index ece50e2..2a1c543 100644 --- a/third_party/WebKit/LayoutTests/animations/matrix-anim.html +++ b/third_party/WebKit/LayoutTests/animations/matrix-anim.html @@ -15,8 +15,8 @@ -webkit-animation-name: "anim"; } @-webkit-keyframes "anim" { - from { -webkit-transform: matrix(0.707, -0.707, 0.707, 0.707, 0, 0); } - to { -webkit-transform: matrix(0.707, 0.707, -0.707, 0.707, 0, 0); } + from { transform: matrix(0.707, -0.707, 0.707, 0.707, 0, 0); } + to { transform: matrix(0.707, 0.707, -0.707, 0.707, 0, 0); } } </style> <script src="resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script> diff --git a/third_party/WebKit/LayoutTests/animations/missing-from-to-transforms.html b/third_party/WebKit/LayoutTests/animations/missing-from-to-transforms.html index a33dfb5..681d8b2 100644 --- a/third_party/WebKit/LayoutTests/animations/missing-from-to-transforms.html +++ b/third_party/WebKit/LayoutTests/animations/missing-from-to-transforms.html @@ -12,7 +12,7 @@ top: 10px; height: 20px; width: 20px; - -webkit-transform: translateX(10px); + transform: translateX(10px); background-color: blue; -webkit-animation-duration: 2s; -webkit-animation-timing-function: linear; @@ -22,10 +22,10 @@ -webkit-animation-name: anim1; } @-webkit-keyframes anim1 { - from { -webkit-transform: translateX(10px); } - 40% { -webkit-transform: translateX(30px); } - 60% { -webkit-transform: translateX(10px); } - to { -webkit-transform: translateX(20px); } + from { transform: translateX(10px); } + 40% { transform: translateX(30px); } + 60% { transform: translateX(10px); } + to { transform: translateX(20px); } } #box2 { @@ -33,20 +33,20 @@ background-color: red; } @-webkit-keyframes anim2 { - 40% { -webkit-transform: translateX(30px); } - 60% { -webkit-transform: translateX(10px); } - to { -webkit-transform: translateX(20px); } + 40% { transform: translateX(30px); } + 60% { transform: translateX(10px); } + to { transform: translateX(20px); } } #box3 { - -webkit-transform: translateX(20px); + transform: translateX(20px); -webkit-animation-name: anim3; background-color: green; } @-webkit-keyframes anim3 { - from { -webkit-transform: translateX(10px); } - 40% { -webkit-transform: translateX(30px); } - 60% { -webkit-transform: translateX(10px); } + from { transform: translateX(10px); } + 40% { transform: translateX(30px); } + 60% { transform: translateX(10px); } } #box4 { @@ -54,8 +54,8 @@ background-color: yellow; } @-webkit-keyframes anim4 { - 40% { -webkit-transform: translateX(30px); } - 60% { -webkit-transform: translateX(20px); } + 40% { transform: translateX(30px); } + 60% { transform: translateX(20px); } } #result { diff --git a/third_party/WebKit/LayoutTests/animations/missing-keyframe-properties-timing-function.html b/third_party/WebKit/LayoutTests/animations/missing-keyframe-properties-timing-function.html index 6f2dbeb..fd352de 100644 --- a/third_party/WebKit/LayoutTests/animations/missing-keyframe-properties-timing-function.html +++ b/third_party/WebKit/LayoutTests/animations/missing-keyframe-properties-timing-function.html @@ -39,17 +39,17 @@ @-webkit-keyframes move2 { from { opacity: 0; - -webkit-transform: translateX(100px); + transform: translateX(100px); } 25% { opacity: 0.25; } 50% { - -webkit-transform: translateX(200px); + transform: translateX(200px); -webkit-animation-timing-function: linear; } to { - -webkit-transform: translateX(400px); + transform: translateX(400px); } } diff --git a/third_party/WebKit/LayoutTests/animations/missing-keyframe-properties.html b/third_party/WebKit/LayoutTests/animations/missing-keyframe-properties.html index 88c7f41..d392b65 100644 --- a/third_party/WebKit/LayoutTests/animations/missing-keyframe-properties.html +++ b/third_party/WebKit/LayoutTests/animations/missing-keyframe-properties.html @@ -33,13 +33,13 @@ } @-webkit-keyframes move2 { from { - -webkit-transform: translateX(0); + transform: translateX(0); } 50% { opacity: 0; } to { - -webkit-transform: translateX(400px); + transform: translateX(400px); } } diff --git a/third_party/WebKit/LayoutTests/animations/missing-values-first-keyframe-expected.html b/third_party/WebKit/LayoutTests/animations/missing-values-first-keyframe-expected.html index 5c9b7d4..45cd90a 100644 --- a/third_party/WebKit/LayoutTests/animations/missing-values-first-keyframe-expected.html +++ b/third_party/WebKit/LayoutTests/animations/missing-values-first-keyframe-expected.html @@ -34,7 +34,7 @@ } #box2 { - -webkit-transform: translateX(100px); + transform: translateX(100px); } </style> diff --git a/third_party/WebKit/LayoutTests/animations/missing-values-first-keyframe.html b/third_party/WebKit/LayoutTests/animations/missing-values-first-keyframe.html index 5c0db00..e8368ed 100644 --- a/third_party/WebKit/LayoutTests/animations/missing-values-first-keyframe.html +++ b/third_party/WebKit/LayoutTests/animations/missing-values-first-keyframe.html @@ -34,7 +34,7 @@ } #box2 { - -webkit-transform: translateX(200px); + transform: translateX(200px); -webkit-animation: move-transform 2s linear; } @@ -63,11 +63,11 @@ opacity: 1; } 50% { - -webkit-transform: translateX(0); + transform: translateX(0); opacity: 1; } 100% { - -webkit-transform: translateX(0); + transform: translateX(0); opacity: 0; } } diff --git a/third_party/WebKit/LayoutTests/animations/missing-values-last-keyframe-expected.html b/third_party/WebKit/LayoutTests/animations/missing-values-last-keyframe-expected.html index 4c37ffc..4589020 100644 --- a/third_party/WebKit/LayoutTests/animations/missing-values-last-keyframe-expected.html +++ b/third_party/WebKit/LayoutTests/animations/missing-values-last-keyframe-expected.html @@ -33,7 +33,7 @@ } #box2 { - -webkit-transform: translateX(100px); + transform: translateX(100px); } </style> diff --git a/third_party/WebKit/LayoutTests/animations/missing-values-last-keyframe.html b/third_party/WebKit/LayoutTests/animations/missing-values-last-keyframe.html index aa66e3e..b1732e9 100644 --- a/third_party/WebKit/LayoutTests/animations/missing-values-last-keyframe.html +++ b/third_party/WebKit/LayoutTests/animations/missing-values-last-keyframe.html @@ -34,7 +34,7 @@ } #box2 { - -webkit-transform: translateX(200px); + transform: translateX(200px); -webkit-animation: move-transform 2s linear; } @@ -57,11 +57,11 @@ @-webkit-keyframes move-transform { 0% { - -webkit-transform: translateX(0); + transform: translateX(0); opacity: 0; } 50% { - -webkit-transform: translateX(0); + transform: translateX(0); opacity: 1; } 75% { diff --git a/third_party/WebKit/LayoutTests/animations/negative-delay.html b/third_party/WebKit/LayoutTests/animations/negative-delay.html index 156f241..3a86166 100644 --- a/third_party/WebKit/LayoutTests/animations/negative-delay.html +++ b/third_party/WebKit/LayoutTests/animations/negative-delay.html @@ -28,8 +28,8 @@ } @-webkit-keyframes square-translate { - 0% { -webkit-transform: translateX(0); } - 100% { -webkit-transform: translateX(600px); } + 0% { transform: translateX(0); } + 100% { transform: translateX(600px); } } #square1 { diff --git a/third_party/WebKit/LayoutTests/animations/opacity-transform-animation-expected.html b/third_party/WebKit/LayoutTests/animations/opacity-transform-animation-expected.html index 15954ad..3c27ed9 100644 --- a/third_party/WebKit/LayoutTests/animations/opacity-transform-animation-expected.html +++ b/third_party/WebKit/LayoutTests/animations/opacity-transform-animation-expected.html @@ -11,7 +11,7 @@ } #box { background-color: green; - -webkit-transform: translateX(200px) scale(1) translateZ(0); + transform: translateX(200px) scale(1) translateZ(0); opacity: 0.5; } #indicator { diff --git a/third_party/WebKit/LayoutTests/animations/opacity-transform-animation.html b/third_party/WebKit/LayoutTests/animations/opacity-transform-animation.html index f99e5f428..8852502 100644 --- a/third_party/WebKit/LayoutTests/animations/opacity-transform-animation.html +++ b/third_party/WebKit/LayoutTests/animations/opacity-transform-animation.html @@ -18,11 +18,11 @@ } @-webkit-keyframes move { from { - -webkit-transform: translateX(0) scale(1); + transform: translateX(0) scale(1); opacity: 0.0; } to { - -webkit-transform: translateX(400px) scale(1); + transform: translateX(400px) scale(1); opacity: 1.0; } } diff --git a/third_party/WebKit/LayoutTests/animations/pause-crash.html b/third_party/WebKit/LayoutTests/animations/pause-crash.html index 7de9b73..edc48f0 100644 --- a/third_party/WebKit/LayoutTests/animations/pause-crash.html +++ b/third_party/WebKit/LayoutTests/animations/pause-crash.html @@ -13,8 +13,8 @@ } @-webkit-keyframes anim { - from { -webkit-transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1); } - to { -webkit-transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 400,0,0,1); } + from { transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1); } + to { transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 400,0,0,1); } } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/animations/play-state.html b/third_party/WebKit/LayoutTests/animations/play-state.html index c13f460..e81c1f4 100644 --- a/third_party/WebKit/LayoutTests/animations/play-state.html +++ b/third_party/WebKit/LayoutTests/animations/play-state.html @@ -13,8 +13,8 @@ -webkit-animation-name: "move1"; } @-webkit-keyframes "move1" { - from { -webkit-transform: translateX(100px); } - to { -webkit-transform: translateX(200px); } + from { transform: translateX(100px); } + to { transform: translateX(200px); } } #left { position: relative; diff --git a/third_party/WebKit/LayoutTests/animations/resources/dynamic-stylesheet-insertion-main.css b/third_party/WebKit/LayoutTests/animations/resources/dynamic-stylesheet-insertion-main.css index 2491300..ca6ed53 100644 --- a/third_party/WebKit/LayoutTests/animations/resources/dynamic-stylesheet-insertion-main.css +++ b/third_party/WebKit/LayoutTests/animations/resources/dynamic-stylesheet-insertion-main.css @@ -10,7 +10,7 @@ body { width: 100px; height: 100px; background-color: blue; - -webkit-transform: translate3d(0,80px,0); + transform: translate3d(0,80px,0); -webkit-animation-name: splashdown; -webkit-animation-duration: 0.6s; -webkit-animation-delay: 0.1s; @@ -18,20 +18,20 @@ body { @-webkit-keyframes splashdown { 0% { - -webkit-transform: translate3d(0, -300px, 0); + transform: translate3d(0, -300px, 0); } 30% { -webkit-animation-timing-function: ease-in; - -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); } 40% { -webkit-animation-timing-function: ease-in-out; - -webkit-transform: translate3d(0, 100px, 0); + transform: translate3d(0, 100px, 0); } 90% { - -webkit-transform: translate3d(0, 100px, 0); + transform: translate3d(0, 100px, 0); } 100% { - -webkit-transform: translate3d(0, 100px, 0); + transform: translate3d(0, 100px, 0); } } diff --git a/third_party/WebKit/LayoutTests/animations/simultaneous-start-transform.html b/third_party/WebKit/LayoutTests/animations/simultaneous-start-transform.html index 9cac084..6ff1b92 100644 --- a/third_party/WebKit/LayoutTests/animations/simultaneous-start-transform.html +++ b/third_party/WebKit/LayoutTests/animations/simultaneous-start-transform.html @@ -17,8 +17,8 @@ -webkit-animation-name: "anim"; } @-webkit-keyframes "anim" { - from { -webkit-transform: rotate(0deg); } - to { -webkit-transform: rotate(360deg); } + from { transform: rotate(0deg); } + to { transform: rotate(360deg); } } #box1 { left: 40px; diff --git a/third_party/WebKit/LayoutTests/animations/timing-properties-do-not-trigger-animation.html b/third_party/WebKit/LayoutTests/animations/timing-properties-do-not-trigger-animation.html index baa2c99..2d5c68f 100644 --- a/third_party/WebKit/LayoutTests/animations/timing-properties-do-not-trigger-animation.html +++ b/third_party/WebKit/LayoutTests/animations/timing-properties-do-not-trigger-animation.html @@ -31,12 +31,12 @@ animation-timing-function: linear; } @-webkit-keyframes test { - from { -webkit-transform: translateX(100px); } - to { -webkit-transform: translateX(300px); } + from { transform: translateX(100px); } + to { transform: translateX(300px); } } @keyframes test { - from { -webkit-transform: translateX(100px); } - to { -webkit-transform: translateX(300px); } + from { transform: translateX(100px); } + to { transform: translateX(300px); } } </style> <script type="text/javascript"> diff --git a/third_party/WebKit/LayoutTests/animations/transition-and-animation-1.html b/third_party/WebKit/LayoutTests/animations/transition-and-animation-1.html index dd5b880..83b1471 100644 --- a/third_party/WebKit/LayoutTests/animations/transition-and-animation-1.html +++ b/third_party/WebKit/LayoutTests/animations/transition-and-animation-1.html @@ -20,8 +20,8 @@ -webkit-transition-duration: 10s; } @-webkit-keyframes "anim" { - from { -webkit-transform: translateX(200px); } - to { -webkit-transform: translateX(300px); } + from { transform: translateX(200px); } + to { transform: translateX(300px); } } </style> <script src="resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script> diff --git a/third_party/WebKit/LayoutTests/animations/transition-and-animation-2.html b/third_party/WebKit/LayoutTests/animations/transition-and-animation-2.html index 4a45ff9..6a1266a 100644 --- a/third_party/WebKit/LayoutTests/animations/transition-and-animation-2.html +++ b/third_party/WebKit/LayoutTests/animations/transition-and-animation-2.html @@ -21,8 +21,8 @@ -webkit-transition-timing-function: linear; } @-webkit-keyframes "anim" { - from { -webkit-transform: translate(0,100px) } - to { -webkit-transform: translate(400px, 100px) } + from { transform: translate(0,100px) } + to { transform: translate(400px, 100px) } } </style> <script src="resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script> diff --git a/third_party/WebKit/LayoutTests/animations/webkit-perspective-expected.html b/third_party/WebKit/LayoutTests/animations/webkit-perspective-expected.html index 9f6e1bb..a0f9c5b 100644 --- a/third_party/WebKit/LayoutTests/animations/webkit-perspective-expected.html +++ b/third_party/WebKit/LayoutTests/animations/webkit-perspective-expected.html @@ -12,7 +12,7 @@ width: 150px; height: 150px; background: blue; - -webkit-transform: rotateY(45deg); + transform: rotateY(45deg); } </style> <div id="perspective"> diff --git a/third_party/WebKit/LayoutTests/animations/webkit-perspective.html b/third_party/WebKit/LayoutTests/animations/webkit-perspective.html index 71a0b34..d36c7eb 100644 --- a/third_party/WebKit/LayoutTests/animations/webkit-perspective.html +++ b/third_party/WebKit/LayoutTests/animations/webkit-perspective.html @@ -15,7 +15,7 @@ width: 150px; height: 150px; background: blue; - -webkit-transform: rotateY(45deg); + transform: rotateY(45deg); } </style> <div id="perspective"> diff --git a/third_party/WebKit/LayoutTests/compositing/3d-corners.html b/third_party/WebKit/LayoutTests/compositing/3d-corners.html index 2216431..cfc0e7b 100644 --- a/third_party/WebKit/LayoutTests/compositing/3d-corners.html +++ b/third_party/WebKit/LayoutTests/compositing/3d-corners.html @@ -11,28 +11,28 @@ } .parent { -webkit-transform-style: preserve-3d; - -webkit-transform:translateY(0.1%); + transform:translateY(0.1%); } #div1 { height:500px; background-color:green; -webkit-transform-origin: center top; - -webkit-transform:rotate3d(1,0,0,-45deg); + transform:rotate3d(1,0,0,-45deg); } #div2 { height:500px; background-color:green; -webkit-transform-origin: center top; - -webkit-transform:rotate3d(1,0,0,-150deg); + transform:rotate3d(1,0,0,-150deg); } #div3 { height:500px; background-color:green; -webkit-transform-origin: center top; - -webkit-transform:rotate3d(1,0,0,-167deg); + transform:rotate3d(1,0,0,-167deg); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/absolute-position-changed-in-composited-layer.html b/third_party/WebKit/LayoutTests/compositing/absolute-position-changed-in-composited-layer.html index 87c2f33..73e79f7 100644 --- a/third_party/WebKit/LayoutTests/compositing/absolute-position-changed-in-composited-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/absolute-position-changed-in-composited-layer.html @@ -8,7 +8,7 @@ .absolute { position: absolute; } .green { background-color: green; } .red { background-color: red; } - .composited { -webkit-transform: translateZ(0); } + .composited { transform: translateZ(0); } </style> <script type="text/javascript"> if (window.testRunner) diff --git a/third_party/WebKit/LayoutTests/compositing/absolute-position-changed-with-composited-parent-layer.html b/third_party/WebKit/LayoutTests/compositing/absolute-position-changed-with-composited-parent-layer.html index 56ccde0..509fe09 100644 --- a/third_party/WebKit/LayoutTests/compositing/absolute-position-changed-with-composited-parent-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/absolute-position-changed-with-composited-parent-layer.html @@ -9,7 +9,7 @@ .absolute { position: absolute; } .green { background-color: green; } .red { background-color: red; } - .composited { -webkit-transform: translateZ(0); } + .composited { transform: translateZ(0); } </style> <script type="text/javascript"> if (window.testRunner) diff --git a/third_party/WebKit/LayoutTests/compositing/ancestor-painted-layer-should-appear-expected.html b/third_party/WebKit/LayoutTests/compositing/ancestor-painted-layer-should-appear-expected.html index afb764a..6f8a40d 100644 --- a/third_party/WebKit/LayoutTests/compositing/ancestor-painted-layer-should-appear-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/ancestor-painted-layer-should-appear-expected.html @@ -1,7 +1,7 @@ <!DOCTYPE HTML> <style> body { - -webkit-transform: translateZ(0); + transform: translateZ(0); } #overlapper { width: 400px; @@ -9,12 +9,12 @@ body { left: 200px; background: gray; position: absolute; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #container { -webkit-perspective: 1400px; - -webkit-transform: translateZ(0); + transform: translateZ(0); position: absolute; width: 180px; height: 180px; @@ -26,7 +26,7 @@ body { height: 100px; background: green; position: absolute; - -webkit-transform: translateZ(10px); + transform: translateZ(10px); } #squashed { diff --git a/third_party/WebKit/LayoutTests/compositing/ancestor-painted-layer-should-appear.html b/third_party/WebKit/LayoutTests/compositing/ancestor-painted-layer-should-appear.html index 600aa23..065eb80 100644 --- a/third_party/WebKit/LayoutTests/compositing/ancestor-painted-layer-should-appear.html +++ b/third_party/WebKit/LayoutTests/compositing/ancestor-painted-layer-should-appear.html @@ -1,7 +1,7 @@ <!DOCTYPE HTML> <style> body { - -webkit-transform: translateZ(0); + transform: translateZ(0); } #overlapper { width: 400px; @@ -9,7 +9,7 @@ body { left: 200px; background: gray; position: absolute; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #container { @@ -25,7 +25,7 @@ body { height: 100px; background: green; position: absolute; - -webkit-transform: translateZ(10px); + transform: translateZ(10px); } #squashed { diff --git a/third_party/WebKit/LayoutTests/compositing/anchor-point-should-not-affect-perspective-expected.html b/third_party/WebKit/LayoutTests/compositing/anchor-point-should-not-affect-perspective-expected.html index 9118ccd..fa22f23 100644 --- a/third_party/WebKit/LayoutTests/compositing/anchor-point-should-not-affect-perspective-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/anchor-point-should-not-affect-perspective-expected.html @@ -10,7 +10,7 @@ -webkit-transform-style: preserve-3d; } .transformed { - -webkit-transform: translate3d(100px, 100px, -25px); + transform: translate3d(100px, 100px, -25px); } .resetTransformOrigin { -webkit-transform-origin: 50% 50% !important; diff --git a/third_party/WebKit/LayoutTests/compositing/anchor-point-should-not-affect-perspective-overflow-hidden-expected.html b/third_party/WebKit/LayoutTests/compositing/anchor-point-should-not-affect-perspective-overflow-hidden-expected.html index 9118ccd..fa22f23 100644 --- a/third_party/WebKit/LayoutTests/compositing/anchor-point-should-not-affect-perspective-overflow-hidden-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/anchor-point-should-not-affect-perspective-overflow-hidden-expected.html @@ -10,7 +10,7 @@ -webkit-transform-style: preserve-3d; } .transformed { - -webkit-transform: translate3d(100px, 100px, -25px); + transform: translate3d(100px, 100px, -25px); } .resetTransformOrigin { -webkit-transform-origin: 50% 50% !important; diff --git a/third_party/WebKit/LayoutTests/compositing/anchor-point-should-not-affect-perspective-overflow-hidden.html b/third_party/WebKit/LayoutTests/compositing/anchor-point-should-not-affect-perspective-overflow-hidden.html index b3067c0..32168c6 100644 --- a/third_party/WebKit/LayoutTests/compositing/anchor-point-should-not-affect-perspective-overflow-hidden.html +++ b/third_party/WebKit/LayoutTests/compositing/anchor-point-should-not-affect-perspective-overflow-hidden.html @@ -11,7 +11,7 @@ -webkit-transform-style: preserve-3d; } .transformed { - -webkit-transform: translate3d(100px, 100px, -25px); + transform: translate3d(100px, 100px, -25px); } .resetTransformOrigin { -webkit-transform-origin: 50% 50% !important; diff --git a/third_party/WebKit/LayoutTests/compositing/anchor-point-should-not-affect-perspective.html b/third_party/WebKit/LayoutTests/compositing/anchor-point-should-not-affect-perspective.html index 9ffacd5..35b00e9 100644 --- a/third_party/WebKit/LayoutTests/compositing/anchor-point-should-not-affect-perspective.html +++ b/third_party/WebKit/LayoutTests/compositing/anchor-point-should-not-affect-perspective.html @@ -10,7 +10,7 @@ -webkit-transform-style: preserve-3d; } .transformed { - -webkit-transform: translate3d(100px, 100px, -25px); + transform: translate3d(100px, 100px, -25px); } .resetTransformOrigin { -webkit-transform-origin: 50% 50% !important; diff --git a/third_party/WebKit/LayoutTests/compositing/animation/animated-composited-inside-hidden.html b/third_party/WebKit/LayoutTests/compositing/animation/animated-composited-inside-hidden.html index 5d85ab5..9ee64f0 100644 --- a/third_party/WebKit/LayoutTests/compositing/animation/animated-composited-inside-hidden.html +++ b/third_party/WebKit/LayoutTests/compositing/animation/animated-composited-inside-hidden.html @@ -21,8 +21,8 @@ } @-webkit-keyframes spin { - 0% { -webkit-transform: rotate(0); } - 100% { -webkit-transform: rotate(360deg); } + 0% { transform: rotate(0); } + 100% { transform: rotate(360deg); } } #transition-tester { diff --git a/third_party/WebKit/LayoutTests/compositing/animation/animation-compositing.html b/third_party/WebKit/LayoutTests/compositing/animation/animation-compositing.html index 29c8ab8..47ca617 100644 --- a/third_party/WebKit/LayoutTests/compositing/animation/animation-compositing.html +++ b/third_party/WebKit/LayoutTests/compositing/animation/animation-compositing.html @@ -14,8 +14,8 @@ } @-webkit-keyframes spin { - from { -webkit-transform: rotate(0); } - to { -webkit-transform: rotate(360deg); } + from { transform: rotate(0); } + to { transform: rotate(360deg); } } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/animation/busy-indicator.html b/third_party/WebKit/LayoutTests/compositing/animation/busy-indicator.html index f8234f9..a3cac1a 100644 --- a/third_party/WebKit/LayoutTests/compositing/animation/busy-indicator.html +++ b/third_party/WebKit/LayoutTests/compositing/animation/busy-indicator.html @@ -53,23 +53,23 @@ @-webkit-keyframes spinner { 0% { - -webkit-transform: scale(0.7); + transform: scale(0.7); opacity: 1; } 10% { - -webkit-transform: scale(1); + transform: scale(1); opacity: 1; } 25% { - -webkit-transform: scale(0.7); + transform: scale(0.7); opacity: 1; } 30% { - -webkit-transform: scale(0.7); + transform: scale(0.7); opacity: 0; } 100% { - -webkit-transform: scale(0.7); + transform: scale(0.7); opacity: 0; } } diff --git a/third_party/WebKit/LayoutTests/compositing/animation/computed-style-during-delay.html b/third_party/WebKit/LayoutTests/compositing/animation/computed-style-during-delay.html index 992bbb0..31530a1 100644 --- a/third_party/WebKit/LayoutTests/compositing/animation/computed-style-during-delay.html +++ b/third_party/WebKit/LayoutTests/compositing/animation/computed-style-during-delay.html @@ -8,7 +8,7 @@ width: 100px; margin: 20px; background-color: blue; - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } #movers.moved > .box { @@ -17,7 +17,7 @@ /* Test that we fetch the current style, not the one snapshotted when the animation started */ #movers.moved > #changedbox { - -webkit-transform: translate3d(50px, 0, 0); + transform: translate3d(50px, 0, 0); } /* Test that fill-mode: backwards works */ @@ -26,8 +26,8 @@ } @-webkit-keyframes move { - from { -webkit-transform: translateX(100px); } - to { -webkit-transform: translateX(400px); } + from { transform: translateX(100px); } + to { transform: translateX(400px); } } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/animation/state-at-end-event-transform-layer.html b/third_party/WebKit/LayoutTests/compositing/animation/state-at-end-event-transform-layer.html index 2e9608d..db7c016 100644 --- a/third_party/WebKit/LayoutTests/compositing/animation/state-at-end-event-transform-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/animation/state-at-end-event-transform-layer.html @@ -31,12 +31,12 @@ .hardware { -webkit-transform-style: preserve-3d; - -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); } @-webkit-keyframes move { - from { -webkit-transform: translate3d(10px, 0, 0); } - to { -webkit-transform: translate3d(300px, 0, 0); } + from { transform: translate3d(10px, 0, 0); } + to { transform: translate3d(300px, 0, 0); } } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/backface-visibility-transformed.html b/third_party/WebKit/LayoutTests/compositing/backface-visibility-transformed.html index a6037c4..8911170 100644 --- a/third_party/WebKit/LayoutTests/compositing/backface-visibility-transformed.html +++ b/third_party/WebKit/LayoutTests/compositing/backface-visibility-transformed.html @@ -7,7 +7,7 @@ } .frame { -webkit-transform-style: preserve-3d; - -webkit-transform: translateX(200px) rotateY(85deg); + transform: translateX(200px) rotateY(85deg); } .front { position:absolute; @@ -17,7 +17,7 @@ .back { position:absolute; background-color: green; - -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); } div { height: 200px; diff --git a/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-3d.html b/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-3d.html index 3e7e53f..ef2a7d3 100644 --- a/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-3d.html +++ b/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-3d.html @@ -66,8 +66,8 @@ <!-- The blue div is a 3d rendering context, containing the lime div. No back faces are visible, so we should see all three divs. --> <div class="large green" id="testCase1"> - <div class="medium blue" style="-webkit-backface-visibility: hidden; -webkit-transform: rotateY(0deg); -webkit-transform-style: preserve-3d"> - <div class="small lime" style="-webkit-backface-visibility: hidden; -webkit-transform: rotateX(0deg)"> + <div class="medium blue" style="-webkit-backface-visibility: hidden; transform: rotateY(0deg); -webkit-transform-style: preserve-3d"> + <div class="small lime" style="-webkit-backface-visibility: hidden; transform: rotateX(0deg)"> </div> </div> </div> @@ -76,8 +76,8 @@ inherit the blue div's transform, so both divs are showing their backface and both should disappear. --> <div class="large green" id="testCase2"> - <div class="medium blue" style="-webkit-backface-visibility: hidden; -webkit-transform: rotateY(180deg); -webkit-transform-style: preserve-3d"> - <div class="small lime" style="-webkit-backface-visibility: hidden; -webkit-transform: rotateX(0deg)"> + <div class="medium blue" style="-webkit-backface-visibility: hidden; transform: rotateY(180deg); -webkit-transform-style: preserve-3d"> + <div class="small lime" style="-webkit-backface-visibility: hidden; transform: rotateX(0deg)"> </div> </div> </div> @@ -85,8 +85,8 @@ <!-- The blue div is a 3d rendering context, containing the lime div. The lime div should become invisible when it shows its backface. --> <div class="large green" id="testCase3"> - <div class="medium blue" style="-webkit-backface-visibility: hidden; -webkit-transform: rotateY(0deg); -webkit-transform-style: preserve-3d"> - <div class="small lime" style="-webkit-backface-visibility: hidden; -webkit-transform: rotateX(180deg)"> + <div class="medium blue" style="-webkit-backface-visibility: hidden; transform: rotateY(0deg); -webkit-transform-style: preserve-3d"> + <div class="small lime" style="-webkit-backface-visibility: hidden; transform: rotateX(180deg)"> </div> </div> </div> @@ -96,8 +96,8 @@ around X), its shows its front face and should be visible. This happens BEFORE the lime div flattens to the rendering context, so the lime div should remain visible. --> <div id="testCase4" class="large green"> - <div class="medium blue" style="-webkit-backface-visibility: hidden; -webkit-transform: rotateY(180deg); -webkit-transform-style: preserve-3d"> - <div class="small lime" style="-webkit-backface-visibility: hidden; -webkit-transform: rotateX(180deg)"> + <div class="medium blue" style="-webkit-backface-visibility: hidden; transform: rotateY(180deg); -webkit-transform-style: preserve-3d"> + <div class="small lime" style="-webkit-backface-visibility: hidden; transform: rotateX(180deg)"> </div> </div> </div> diff --git a/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-hierarchical-transform.html b/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-hierarchical-transform.html index 9d17cd7..a8aa73e 100644 --- a/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-hierarchical-transform.html +++ b/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-hierarchical-transform.html @@ -42,7 +42,7 @@ } .rotated180 { - -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); } .backfaceVisible { diff --git a/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-image.html b/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-image.html index 1695406..e567df4 100644 --- a/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-image.html +++ b/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-image.html @@ -42,7 +42,7 @@ <td> <div class="test-div"> - <script>addTestImg("-webkit-transform: rotateY(180deg);")</script> + <script>addTestImg("transform: rotateY(180deg);")</script> </div> </td> @@ -50,7 +50,7 @@ single-sided img facing towards its div. This should appear. --> <td> - <div class="test-div" style="-webkit-transform: rotateY(180deg)"> + <div class="test-div" style="transform: rotateY(180deg)"> <script>addTestImg("")</script> </div> </td> @@ -62,7 +62,7 @@ the parent div. --> <td> - <div class="test-div" style="-webkit-transform: rotateY(180deg); -webkit-transform-style: preserve-3d;"> + <div class="test-div" style="transform: rotateY(180deg); -webkit-transform-style: preserve-3d;"> <script>addTestImg("")</script> </div> </td> @@ -72,8 +72,8 @@ parent div. --> <td> - <div class="test-div" style="-webkit-transform: rotateY(180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden;"> - <script>addTestImg("-webkit-transform: rotateY(180deg);")</script> + <div class="test-div" style="transform: rotateY(180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden;"> + <script>addTestImg("transform: rotateY(180deg);")</script> </div> </td> @@ -82,8 +82,8 @@ for the parent div. --> <td> - <div class="test-div" style="-webkit-transform: rotateY(180deg); -webkit-backface-visibility: hidden;"> - <script>addTestImg("-webkit-transform: rotateY(180deg);")</script> + <div class="test-div" style="transform: rotateY(180deg); -webkit-backface-visibility: hidden;"> + <script>addTestImg("transform: rotateY(180deg);")</script> </div> </td> diff --git a/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-non3d.html b/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-non3d.html index f746c79..78fd781 100644 --- a/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-non3d.html +++ b/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-non3d.html @@ -40,8 +40,8 @@ <!-- No back faces are visible, so we should see the lime div inside the blue narrow div inside the green div. --> <div id="testCase1" style="background-color: green"> - <div style="background-color: blue; -webkit-backface-visibility: hidden; -webkit-transform: rotateY(80deg)"> - <div style="background-color: lime; -webkit-backface-visibility: hidden; -webkit-transform: rotateX(80deg)"> + <div style="background-color: blue; -webkit-backface-visibility: hidden; transform: rotateY(80deg)"> + <div style="background-color: lime; -webkit-backface-visibility: hidden; transform: rotateX(80deg)"> </div> </div> </div> @@ -49,8 +49,8 @@ <!-- The lime div has its back facing, so we should see only the blue strip inside the green div. --> <div id="testCase2" style="background-color: green"> - <div style="background-color: blue; -webkit-backface-visibility: hidden; -webkit-transform: rotateY(80deg)"> - <div style="background-color: lime; -webkit-backface-visibility: hidden; -webkit-transform: rotateX(100deg)"> + <div style="background-color: blue; -webkit-backface-visibility: hidden; transform: rotateY(80deg)"> + <div style="background-color: lime; -webkit-backface-visibility: hidden; transform: rotateX(100deg)"> </div> </div> </div> @@ -59,16 +59,16 @@ W3C spec says that without a 3d context that they should use their own local transforms. --> <div id="testCase3" style="background-color: green"> - <div style="background-color: blue; -webkit-backface-visibility: hidden; -webkit-transform: rotateY(100deg)"> - <div style="background-color: lime; -webkit-backface-visibility: hidden; -webkit-transform: rotateX(80deg)"> + <div style="background-color: blue; -webkit-backface-visibility: hidden; transform: rotateY(100deg)"> + <div style="background-color: lime; -webkit-backface-visibility: hidden; transform: rotateX(80deg)"> </div> </div> </div> <!-- Only the green div should be visible. --> <div id="testCase4" style="background-color: green"> - <div style="background-color: blue; -webkit-backface-visibility: hidden; -webkit-transform: rotateY(100deg)"> - <div style="background-color: lime; -webkit-backface-visibility: hidden; -webkit-transform: rotateX(100deg)"> + <div style="background-color: blue; -webkit-backface-visibility: hidden; transform: rotateY(100deg)"> + <div style="background-color: lime; -webkit-backface-visibility: hidden; transform: rotateX(100deg)"> </div> </div> </div> diff --git a/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-simple.html b/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-simple.html index 0143e9b..4f69daf 100644 --- a/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-simple.html +++ b/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-simple.html @@ -15,12 +15,12 @@ } .backfaceVisible { - -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); -webkit-backface-visibility: visible; } .backfaceHidden { - -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); -webkit-backface-visibility: hidden; } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-webgl.html b/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-webgl.html index 600790a..25fb6c4 100644 --- a/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-webgl.html +++ b/third_party/WebKit/LayoutTests/compositing/backface-visibility/backface-visibility-webgl.html @@ -67,7 +67,7 @@ <td> <div class="test-div"> - <script>addTestCanvas("test1", "-webkit-transform: rotateY(180deg);");</script> + <script>addTestCanvas("test1", "transform: rotateY(180deg);");</script> </div> </td> @@ -75,7 +75,7 @@ single-sided canvas facing towards its div. This should appear. --> <td> - <div class="test-div" style="-webkit-transform: rotateY(180deg)"> + <div class="test-div" style="transform: rotateY(180deg)"> <script>addTestCanvas("test2", "");</script> </div> </td> @@ -87,7 +87,7 @@ the parent div. --> <td> - <div class="test-div" style="-webkit-transform: rotateY(180deg); -webkit-transform-style: preserve-3d;"> + <div class="test-div" style="transform: rotateY(180deg); -webkit-transform-style: preserve-3d;"> <script>addTestCanvas("test3", "");</script> </div> </td> @@ -97,8 +97,8 @@ parent div. --> <td> - <div class="test-div" style="-webkit-transform: rotateY(180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden;"> - <script>addTestCanvas("test4", "-webkit-transform: rotateY(180deg);");</script> + <div class="test-div" style="transform: rotateY(180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden;"> + <script>addTestCanvas("test4", "transform: rotateY(180deg);");</script> </div> </td> @@ -107,8 +107,8 @@ for the parent div. --> <td> - <div class="test-div" style="-webkit-transform: rotateY(180deg); -webkit-backface-visibility: hidden;"> - <script>addTestCanvas("test5", "-webkit-transform: rotateY(180deg);")</script> + <div class="test-div" style="transform: rotateY(180deg); -webkit-backface-visibility: hidden;"> + <script>addTestCanvas("test5", "transform: rotateY(180deg);")</script> </div> </td> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-alpha-expected.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-alpha-expected.html index c67e99b..1adcd4c 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-alpha-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-alpha-expected.html @@ -15,7 +15,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-alpha-with-opacity-expected.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-alpha-with-opacity-expected.html index f29890d..0394c21 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-alpha-with-opacity-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-alpha-with-opacity-expected.html @@ -14,7 +14,7 @@ background-color: rgba(0, 0, 128, 128); opacity: 0.5; display: block; - -webkit-transform: translate(50px, 50px); + transform: translate(50px, 50px); } .composited { diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-alpha-with-opacity.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-alpha-with-opacity.html index 678e729..a0496f7 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-alpha-with-opacity.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-alpha-with-opacity.html @@ -14,7 +14,7 @@ background-color: rgba(0, 0, 128, 128); opacity: 0.5; display: block; - -webkit-transform: translate(50px, 50px); + transform: translate(50px, 50px); } .composited { diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-alpha.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-alpha.html index ed94a9b..6087a67 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-alpha.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-alpha.html @@ -15,7 +15,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-change-to-text-expected.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-change-to-text-expected.html index 3c903d3..62d3fa7 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-change-to-text-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-change-to-text-expected.html @@ -16,7 +16,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-change-to-text.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-change-to-text.html index e534d5f..4015c96 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-change-to-text.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-change-to-text.html @@ -16,7 +16,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-change-to-transparent-expected.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-change-to-transparent-expected.html index 8c9506f..21747a0 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-change-to-transparent-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-change-to-transparent-expected.html @@ -16,7 +16,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-change-to-transparent.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-change-to-transparent.html index e1b1e30..252253c 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-change-to-transparent.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-change-to-transparent.html @@ -16,7 +16,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-composite-expected.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-composite-expected.html index 7cf3838..0cd3db6 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-composite-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-composite-expected.html @@ -17,7 +17,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-composite.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-composite.html index 978c79e..d17de92 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-composite.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-composite.html @@ -17,7 +17,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-container-expected.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-container-expected.html index 76c6cad..978887a 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-container-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-container-expected.html @@ -15,7 +15,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-container.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-container.html index f942a73..6daa687 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-container.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-container.html @@ -15,7 +15,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-content-clip-expected.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-content-clip-expected.html index 8d40294..f540e63 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-content-clip-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-content-clip-expected.html @@ -17,7 +17,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-content-clip.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-content-clip.html index 290e4c8..bb532ec 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-content-clip.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-content-clip.html @@ -17,7 +17,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-drawn-over-child-expected.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-drawn-over-child-expected.html index 807c193..f6e7c84 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-drawn-over-child-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-drawn-over-child-expected.html @@ -5,7 +5,7 @@ #backgournd_color_container { background-color: green; position: absolute; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #nested_container { width: 200px; @@ -25,7 +25,7 @@ height: 100px; position: absolute; background-color: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-drawn-over-child.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-drawn-over-child.html index 82e73c6..d1c3dc6 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-drawn-over-child.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-drawn-over-child.html @@ -34,7 +34,7 @@ height: 100px; position: absolute; background-color: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-change-expected.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-change-expected.html index bfcbbb2..06dc882 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-change-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-change-expected.html @@ -18,7 +18,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-change.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-change.html index a394da0..707d737 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-change.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-change.html @@ -18,7 +18,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-clip-expected.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-clip-expected.html index 7c41661..adbe70b 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-clip-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-clip-expected.html @@ -17,7 +17,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-clip.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-clip.html index bf26e49..d3335a2 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-clip.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-clip.html @@ -17,7 +17,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-simple-expected.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-simple-expected.html index 0338da6..d6ce6ab 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-simple-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-simple-expected.html @@ -9,7 +9,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-simple.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-simple.html index dfbed88..68708d1 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-simple.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-simple.html @@ -9,7 +9,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-change-expected.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-change-expected.html index 45f1cea..ae1d8f3 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-change-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-change-expected.html @@ -10,7 +10,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-change.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-change.html index 6369968..bb20376 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-change.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-change.html @@ -10,7 +10,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-clip-expected.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-clip-expected.html index 03402ee..73e1f21 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-clip-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-clip-expected.html @@ -17,7 +17,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-clip.html b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-clip.html index 51d5ca1..e7e2e2b 100644 --- a/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-clip.html +++ b/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-clip.html @@ -17,7 +17,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/backgrounds/fixed-background-on-descendant.html b/third_party/WebKit/LayoutTests/compositing/backgrounds/fixed-background-on-descendant.html index acacc0a..faaabce 100644 --- a/third_party/WebKit/LayoutTests/compositing/backgrounds/fixed-background-on-descendant.html +++ b/third_party/WebKit/LayoutTests/compositing/backgrounds/fixed-background-on-descendant.html @@ -32,7 +32,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/backgrounds/fixed-backgrounds.html b/third_party/WebKit/LayoutTests/compositing/backgrounds/fixed-backgrounds.html index dcceca2..75f1575 100644 --- a/third_party/WebKit/LayoutTests/compositing/backgrounds/fixed-backgrounds.html +++ b/third_party/WebKit/LayoutTests/compositing/backgrounds/fixed-backgrounds.html @@ -22,7 +22,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/backing/no-backing-for-clip-overlap.html b/third_party/WebKit/LayoutTests/compositing/backing/no-backing-for-clip-overlap.html index 711b783..f39f524 100644 --- a/third_party/WebKit/LayoutTests/compositing/backing/no-backing-for-clip-overlap.html +++ b/third_party/WebKit/LayoutTests/compositing/backing/no-backing-for-clip-overlap.html @@ -23,7 +23,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/backing/no-backing-for-clip.html b/third_party/WebKit/LayoutTests/compositing/backing/no-backing-for-clip.html index ad2ed75..aa699d9 100644 --- a/third_party/WebKit/LayoutTests/compositing/backing/no-backing-for-clip.html +++ b/third_party/WebKit/LayoutTests/compositing/backing/no-backing-for-clip.html @@ -23,7 +23,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/backing/no-backing-for-perspective.html b/third_party/WebKit/LayoutTests/compositing/backing/no-backing-for-perspective.html index e75d71d..0ed49b4 100644 --- a/third_party/WebKit/LayoutTests/compositing/backing/no-backing-for-perspective.html +++ b/third_party/WebKit/LayoutTests/compositing/backing/no-backing-for-perspective.html @@ -21,7 +21,7 @@ } .composited { - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/backing/no-backing-foreground-layer.html b/third_party/WebKit/LayoutTests/compositing/backing/no-backing-foreground-layer.html index f8213ce..5a79566 100644 --- a/third_party/WebKit/LayoutTests/compositing/backing/no-backing-foreground-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/backing/no-backing-foreground-layer.html @@ -28,7 +28,7 @@ .composited { position: absolute; top: 50px; - -webkit-transform: translateZ(0); + transform: translateZ(0); background-color: green; } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/bounds-in-flipped-writing-mode.html b/third_party/WebKit/LayoutTests/compositing/bounds-in-flipped-writing-mode.html index 4bae48f..ca8d85f 100644 --- a/third_party/WebKit/LayoutTests/compositing/bounds-in-flipped-writing-mode.html +++ b/third_party/WebKit/LayoutTests/compositing/bounds-in-flipped-writing-mode.html @@ -1,6 +1,6 @@ <body style="margin: 0; padding: 100px;"> <div style="width: 100px; height: 100px; background-color: red;"></div> - <div style="width: 100px; height: 100px; -webkit-writing-mode: horizontal-bt; -webkit-transform: translatez(0)"> + <div style="width: 100px; height: 100px; -webkit-writing-mode: horizontal-bt; transform: translatez(0)"> <div style="-webkit-margin-before: 100px; height: 100px; background-color: green;"></div> </div> <pre id="console"></pre> diff --git a/third_party/WebKit/LayoutTests/compositing/checkerboard.html b/third_party/WebKit/LayoutTests/compositing/checkerboard.html index ee17cdd..23b8d5e 100644 --- a/third_party/WebKit/LayoutTests/compositing/checkerboard.html +++ b/third_party/WebKit/LayoutTests/compositing/checkerboard.html @@ -21,7 +21,7 @@ </script> </head> <body style="overflow: hidden" onload="horiz_scroll()"> - <div style="-webkit-transform: translateZ(0);"></div> + <div style="transform: translateZ(0);"></div> <div style=" background-image: url('data:image/gif;base64,R0lGODdhAgACAIABAAAAAP///ywAAAAAAgACAAACA0QCBQA7'); width: 2047px; diff --git a/third_party/WebKit/LayoutTests/compositing/child-layer-3d-sorting.html b/third_party/WebKit/LayoutTests/compositing/child-layer-3d-sorting.html index 04e4a37..39a0b17 100644 --- a/third_party/WebKit/LayoutTests/compositing/child-layer-3d-sorting.html +++ b/third_party/WebKit/LayoutTests/compositing/child-layer-3d-sorting.html @@ -6,18 +6,18 @@ <style type="text/css" media="screen"> #parent { -webkit-transform-style: preserve-3d; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #child { width: 200px; height: 200px; - -webkit-transform: translateZ(0px); + transform: translateZ(0px); background: blue; } #child > div { width: 100px; height: 100px; - -webkit-transform: translateZ(0px); + transform: translateZ(0px); background: green; } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/child-transform-layer-requires-box.html b/third_party/WebKit/LayoutTests/compositing/child-transform-layer-requires-box.html index ca85ba1..e0fd634 100644 --- a/third_party/WebKit/LayoutTests/compositing/child-transform-layer-requires-box.html +++ b/third_party/WebKit/LayoutTests/compositing/child-transform-layer-requires-box.html @@ -10,7 +10,7 @@ el4=document.createElement('input'); el4.setAttribute('id','el4'); el0.appendChild(el4); document.querySelector('style').appendChild(document.createTextNode('#el0 { -webkit-perspective:800 }')); document.querySelector('style').appendChild(document.createTextNode('#el0 { opacity:0 }')); - document.querySelector('style').appendChild(document.createTextNode('#el4 { -webkit-transform:translate3d(0,20px,0) }')); + document.querySelector('style').appendChild(document.createTextNode('#el4 { transform:translate3d(0,20px,0) }')); } </script> <!-- diff --git a/third_party/WebKit/LayoutTests/compositing/child-transform-with-anchor-point-expected.html b/third_party/WebKit/LayoutTests/compositing/child-transform-with-anchor-point-expected.html index fa8c5fc..9dded12 100644 --- a/third_party/WebKit/LayoutTests/compositing/child-transform-with-anchor-point-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/child-transform-with-anchor-point-expected.html @@ -14,7 +14,7 @@ } #transformed { - -webkit-transform: rotateY(90deg); + transform: rotateY(90deg); -webkit-transform-origin: right; background: green; height: 800px; diff --git a/third_party/WebKit/LayoutTests/compositing/child-transform-with-anchor-point.html b/third_party/WebKit/LayoutTests/compositing/child-transform-with-anchor-point.html index 35c0fe9..5d0556d 100644 --- a/third_party/WebKit/LayoutTests/compositing/child-transform-with-anchor-point.html +++ b/third_party/WebKit/LayoutTests/compositing/child-transform-with-anchor-point.html @@ -14,7 +14,7 @@ } #transformed { - -webkit-transform: rotateY(90deg); + transform: rotateY(90deg); -webkit-transform-origin: right; background: green; height: 800px; diff --git a/third_party/WebKit/LayoutTests/compositing/clip-change.html b/third_party/WebKit/LayoutTests/compositing/clip-change.html index 1cda32b..ba1b537 100644 --- a/third_party/WebKit/LayoutTests/compositing/clip-change.html +++ b/third_party/WebKit/LayoutTests/compositing/clip-change.html @@ -12,7 +12,7 @@ background-color: red; } #clipper { - -webkit-transform:translateZ(0); + transform:translateZ(0); position: absolute; top: 0px; left: 0px; diff --git a/third_party/WebKit/LayoutTests/compositing/clip-child-by-non-stacking-ancestor.html b/third_party/WebKit/LayoutTests/compositing/clip-child-by-non-stacking-ancestor.html index edbfd5d..dc214be 100644 --- a/third_party/WebKit/LayoutTests/compositing/clip-child-by-non-stacking-ancestor.html +++ b/third_party/WebKit/LayoutTests/compositing/clip-child-by-non-stacking-ancestor.html @@ -4,7 +4,7 @@ <head> <style type="text/css" media="screen"> .container { - -webkit-transform: translateZ(0); + transform: translateZ(0); background-color: silver; width: 100px; height: 100px; diff --git a/third_party/WebKit/LayoutTests/compositing/color-matching/image-color-matching.html b/third_party/WebKit/LayoutTests/compositing/color-matching/image-color-matching.html index 0e4fe0a..9745276 100644 --- a/third_party/WebKit/LayoutTests/compositing/color-matching/image-color-matching.html +++ b/third_party/WebKit/LayoutTests/compositing/color-matching/image-color-matching.html @@ -12,7 +12,7 @@ } .composited > img { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/color-matching/pdf-image-match.html b/third_party/WebKit/LayoutTests/compositing/color-matching/pdf-image-match.html index 75adb7f..5855e44 100644 --- a/third_party/WebKit/LayoutTests/compositing/color-matching/pdf-image-match.html +++ b/third_party/WebKit/LayoutTests/compositing/color-matching/pdf-image-match.html @@ -10,7 +10,7 @@ img.test { width: 20px; height: 20px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/columns/composited-in-paginated.html b/third_party/WebKit/LayoutTests/compositing/columns/composited-in-paginated.html index e08a31b..87d9936 100644 --- a/third_party/WebKit/LayoutTests/compositing/columns/composited-in-paginated.html +++ b/third_party/WebKit/LayoutTests/compositing/columns/composited-in-paginated.html @@ -26,7 +26,7 @@ background-color: blue; } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/columns/geometry-map-paginated-assert.html b/third_party/WebKit/LayoutTests/compositing/columns/geometry-map-paginated-assert.html index e8f547e..901771a 100644 --- a/third_party/WebKit/LayoutTests/compositing/columns/geometry-map-paginated-assert.html +++ b/third_party/WebKit/LayoutTests/compositing/columns/geometry-map-paginated-assert.html @@ -19,7 +19,7 @@ background-color: blue; } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/compositing-visible-descendant.html b/third_party/WebKit/LayoutTests/compositing/compositing-visible-descendant.html index 597bbc1..2c8126c 100644 --- a/third_party/WebKit/LayoutTests/compositing/compositing-visible-descendant.html +++ b/third_party/WebKit/LayoutTests/compositing/compositing-visible-descendant.html @@ -18,7 +18,7 @@ width: 100px; outline: 2px solid black; visibility: hidden; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .inner { diff --git a/third_party/WebKit/LayoutTests/compositing/content-changed-chicken-egg-expected.html b/third_party/WebKit/LayoutTests/compositing/content-changed-chicken-egg-expected.html index 016f6bc..633f22a 100644 --- a/third_party/WebKit/LayoutTests/compositing/content-changed-chicken-egg-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/content-changed-chicken-egg-expected.html @@ -12,7 +12,7 @@ canvas { background-color: gray; border: 1px solid black; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/content-changed-chicken-egg.html b/third_party/WebKit/LayoutTests/compositing/content-changed-chicken-egg.html index 4892dc7..fc9aad5 100644 --- a/third_party/WebKit/LayoutTests/compositing/content-changed-chicken-egg.html +++ b/third_party/WebKit/LayoutTests/compositing/content-changed-chicken-egg.html @@ -12,7 +12,7 @@ canvas { background-color: gray; border: 1px solid black; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/contents-opaque/background-clip.html b/third_party/WebKit/LayoutTests/compositing/contents-opaque/background-clip.html index 50cfaf2..e725e23 100644 --- a/third_party/WebKit/LayoutTests/compositing/contents-opaque/background-clip.html +++ b/third_party/WebKit/LayoutTests/compositing/contents-opaque/background-clip.html @@ -11,7 +11,7 @@ background-color: green; } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .padding-clip { background-clip: padding-box; diff --git a/third_party/WebKit/LayoutTests/compositing/contents-opaque/background-color.html b/third_party/WebKit/LayoutTests/compositing/contents-opaque/background-color.html index e3bf914..d17e187 100644 --- a/third_party/WebKit/LayoutTests/compositing/contents-opaque/background-color.html +++ b/third_party/WebKit/LayoutTests/compositing/contents-opaque/background-color.html @@ -12,7 +12,7 @@ background-color: rgba(0, 255, 0, 0.5); } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript"> diff --git a/third_party/WebKit/LayoutTests/compositing/contents-opaque/body-background-painted.html b/third_party/WebKit/LayoutTests/compositing/contents-opaque/body-background-painted.html index 6f25529..41522ff 100644 --- a/third_party/WebKit/LayoutTests/compositing/contents-opaque/body-background-painted.html +++ b/third_party/WebKit/LayoutTests/compositing/contents-opaque/body-background-painted.html @@ -12,7 +12,7 @@ width: 200px; height: 200px; background-color: green; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript"> diff --git a/third_party/WebKit/LayoutTests/compositing/contents-opaque/body-background-skipped.html b/third_party/WebKit/LayoutTests/compositing/contents-opaque/body-background-skipped.html index 864f70d..0dee5691 100644 --- a/third_party/WebKit/LayoutTests/compositing/contents-opaque/body-background-skipped.html +++ b/third_party/WebKit/LayoutTests/compositing/contents-opaque/body-background-skipped.html @@ -12,7 +12,7 @@ width: 200px; height: 200px; background-color: green; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript"> diff --git a/third_party/WebKit/LayoutTests/compositing/contents-opaque/control-layer.html b/third_party/WebKit/LayoutTests/compositing/contents-opaque/control-layer.html index 6267019..c4b1862 100644 --- a/third_party/WebKit/LayoutTests/compositing/contents-opaque/control-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/contents-opaque/control-layer.html @@ -2,7 +2,7 @@ <head> <style type="text/css"> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript"> diff --git a/third_party/WebKit/LayoutTests/compositing/contents-opaque/filter.html b/third_party/WebKit/LayoutTests/compositing/contents-opaque/filter.html index 8efd175..80644da 100644 --- a/third_party/WebKit/LayoutTests/compositing/contents-opaque/filter.html +++ b/third_party/WebKit/LayoutTests/compositing/contents-opaque/filter.html @@ -22,7 +22,7 @@ background-color: green; } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .filter-blur { -webkit-filter: blur(10px); diff --git a/third_party/WebKit/LayoutTests/compositing/contents-opaque/hidden-with-visible-child.html b/third_party/WebKit/LayoutTests/compositing/contents-opaque/hidden-with-visible-child.html index ae4cd50..46c5bca 100644 --- a/third_party/WebKit/LayoutTests/compositing/contents-opaque/hidden-with-visible-child.html +++ b/third_party/WebKit/LayoutTests/compositing/contents-opaque/hidden-with-visible-child.html @@ -6,7 +6,7 @@ width: 200px; height: 100px; background-color: green; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .inner { visibility: visible; diff --git a/third_party/WebKit/LayoutTests/compositing/contents-opaque/hidden-with-visible-text.html b/third_party/WebKit/LayoutTests/compositing/contents-opaque/hidden-with-visible-text.html index 17e38b6..fc9f8df 100644 --- a/third_party/WebKit/LayoutTests/compositing/contents-opaque/hidden-with-visible-text.html +++ b/third_party/WebKit/LayoutTests/compositing/contents-opaque/hidden-with-visible-text.html @@ -6,7 +6,7 @@ width: 200px; height: 100px; background-color: green; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .inner { visibility: visible; diff --git a/third_party/WebKit/LayoutTests/compositing/contents-opaque/layer-opacity.html b/third_party/WebKit/LayoutTests/compositing/contents-opaque/layer-opacity.html index e6d3e7d..ac1b7def 100644 --- a/third_party/WebKit/LayoutTests/compositing/contents-opaque/layer-opacity.html +++ b/third_party/WebKit/LayoutTests/compositing/contents-opaque/layer-opacity.html @@ -12,7 +12,7 @@ opacity: 0.5; } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript"> diff --git a/third_party/WebKit/LayoutTests/compositing/contents-opaque/layer-transform.html b/third_party/WebKit/LayoutTests/compositing/contents-opaque/layer-transform.html index 609e111..cbf2926 100644 --- a/third_party/WebKit/LayoutTests/compositing/contents-opaque/layer-transform.html +++ b/third_party/WebKit/LayoutTests/compositing/contents-opaque/layer-transform.html @@ -5,7 +5,7 @@ width: 100px; height: 100px; background-color: green; - -webkit-transform: rotate(30deg) translateZ(0); + transform: rotate(30deg) translateZ(0); } </style> <script type="text/javascript"> diff --git a/third_party/WebKit/LayoutTests/compositing/contents-opaque/overflow-hidden-child-layers.html b/third_party/WebKit/LayoutTests/compositing/contents-opaque/overflow-hidden-child-layers.html index 1abf39b..6a8e9ef 100644 --- a/third_party/WebKit/LayoutTests/compositing/contents-opaque/overflow-hidden-child-layers.html +++ b/third_party/WebKit/LayoutTests/compositing/contents-opaque/overflow-hidden-child-layers.html @@ -9,7 +9,7 @@ background-color: blue; box-shadow: 0 0 20px black; overflow: hidden; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .child { position: relative; diff --git a/third_party/WebKit/LayoutTests/compositing/contents-opaque/visibility-hidden.html b/third_party/WebKit/LayoutTests/compositing/contents-opaque/visibility-hidden.html index 2dc3484..d3fcd2f 100644 --- a/third_party/WebKit/LayoutTests/compositing/contents-opaque/visibility-hidden.html +++ b/third_party/WebKit/LayoutTests/compositing/contents-opaque/visibility-hidden.html @@ -8,7 +8,7 @@ width: 200px; height: 50px; background-color: silver; - -webkit-transform: translateZ(0); + transform: translateZ(0); } header.hidden { visibility: hidden; diff --git a/third_party/WebKit/LayoutTests/compositing/culling/clear-fixed-iframe.html b/third_party/WebKit/LayoutTests/compositing/culling/clear-fixed-iframe.html index eb11bcf..4bfd87e 100644 --- a/third_party/WebKit/LayoutTests/compositing/culling/clear-fixed-iframe.html +++ b/third_party/WebKit/LayoutTests/compositing/culling/clear-fixed-iframe.html @@ -3,7 +3,7 @@ <style> body { margin: 0; padding: 0; } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); background-color: green; position:fixed; left:0; top:0; right:0; bottom:0; diff --git a/third_party/WebKit/LayoutTests/compositing/culling/filter-occlusion-alpha-large.html b/third_party/WebKit/LayoutTests/compositing/culling/filter-occlusion-alpha-large.html index 53d0bb4..6c25565 100644 --- a/third_party/WebKit/LayoutTests/compositing/culling/filter-occlusion-alpha-large.html +++ b/third_party/WebKit/LayoutTests/compositing/culling/filter-occlusion-alpha-large.html @@ -3,7 +3,7 @@ <title>CSS filter blur occlusion test.</title> <style type="text/css"> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .green-parent { width: 800px; diff --git a/third_party/WebKit/LayoutTests/compositing/culling/filter-occlusion-alpha.html b/third_party/WebKit/LayoutTests/compositing/culling/filter-occlusion-alpha.html index 71f01af..179410f 100644 --- a/third_party/WebKit/LayoutTests/compositing/culling/filter-occlusion-alpha.html +++ b/third_party/WebKit/LayoutTests/compositing/culling/filter-occlusion-alpha.html @@ -3,7 +3,7 @@ <title>CSS filter blur occlusion test.</title> <style type="text/css"> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .green-parent { width: 600px; diff --git a/third_party/WebKit/LayoutTests/compositing/culling/filter-occlusion-blur-large.html b/third_party/WebKit/LayoutTests/compositing/culling/filter-occlusion-blur-large.html index 7d7362a..d424a7b 100644 --- a/third_party/WebKit/LayoutTests/compositing/culling/filter-occlusion-blur-large.html +++ b/third_party/WebKit/LayoutTests/compositing/culling/filter-occlusion-blur-large.html @@ -3,7 +3,7 @@ <title>CSS filter blur occlusion test.</title> <style type="text/css"> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .yellow-parent { width: 800px; diff --git a/third_party/WebKit/LayoutTests/compositing/culling/filter-occlusion-blur.html b/third_party/WebKit/LayoutTests/compositing/culling/filter-occlusion-blur.html index ca236f3..b4f7e47 100644 --- a/third_party/WebKit/LayoutTests/compositing/culling/filter-occlusion-blur.html +++ b/third_party/WebKit/LayoutTests/compositing/culling/filter-occlusion-blur.html @@ -3,7 +3,7 @@ <title>CSS filter blur occlusion test.</title> <style type="text/css"> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .yellow-parent { width: 600px; diff --git a/third_party/WebKit/LayoutTests/compositing/culling/scrolled-within-boxshadow.html b/third_party/WebKit/LayoutTests/compositing/culling/scrolled-within-boxshadow.html index cd80720..845a889 100644 --- a/third_party/WebKit/LayoutTests/compositing/culling/scrolled-within-boxshadow.html +++ b/third_party/WebKit/LayoutTests/compositing/culling/scrolled-within-boxshadow.html @@ -3,7 +3,7 @@ <head> <style> .comp { - -webkit-transform: translateZ(0px); + transform: translateZ(0px); } body { margin:0; diff --git a/third_party/WebKit/LayoutTests/compositing/culling/tile-occlusion-boundaries.html b/third_party/WebKit/LayoutTests/compositing/culling/tile-occlusion-boundaries.html index 62ff30e..4004506 100644 --- a/third_party/WebKit/LayoutTests/compositing/culling/tile-occlusion-boundaries.html +++ b/third_party/WebKit/LayoutTests/compositing/culling/tile-occlusion-boundaries.html @@ -6,7 +6,7 @@ left: 128; top: 128; width:511px; height:511px; - -webkit-transform: translateZ(0px) scale(0.5); + transform: translateZ(0px) scale(0.5); } body { position:relative; } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/culling/translated-boxshadow.html b/third_party/WebKit/LayoutTests/compositing/culling/translated-boxshadow.html index 58fc403..aba9adcd7 100644 --- a/third_party/WebKit/LayoutTests/compositing/culling/translated-boxshadow.html +++ b/third_party/WebKit/LayoutTests/compositing/culling/translated-boxshadow.html @@ -3,7 +3,7 @@ <head> <style> .comp { - -webkit-transform: translateZ(0px); + transform: translateZ(0px); } body { margin:0; diff --git a/third_party/WebKit/LayoutTests/compositing/culling/unscrolled-within-boxshadow.html b/third_party/WebKit/LayoutTests/compositing/culling/unscrolled-within-boxshadow.html index b579fa8..9253663 100644 --- a/third_party/WebKit/LayoutTests/compositing/culling/unscrolled-within-boxshadow.html +++ b/third_party/WebKit/LayoutTests/compositing/culling/unscrolled-within-boxshadow.html @@ -3,7 +3,7 @@ <head> <style> .comp { - -webkit-transform: translateZ(0px); + transform: translateZ(0px); } body { margin:0; diff --git a/third_party/WebKit/LayoutTests/compositing/direct-image-compositing.html b/third_party/WebKit/LayoutTests/compositing/direct-image-compositing.html index 2fd9141..bfa6bb0 100644 --- a/third_party/WebKit/LayoutTests/compositing/direct-image-compositing.html +++ b/third_party/WebKit/LayoutTests/compositing/direct-image-compositing.html @@ -12,7 +12,7 @@ height: 150px; } img { - -webkit-transform: rotate3d(0, 0, 1, 0); + transform: rotate3d(0, 0, 1, 0); } .test { float: left; @@ -58,7 +58,7 @@ </div> <div class="test"> - <img src="resources/simple_image.png" style="-webkit-transform: rotate3d(0, 0, 1, 10deg);"> + <img src="resources/simple_image.png" style="transform: rotate3d(0, 0, 1, 10deg);"> rotated but otherwise no style - can be directly composited </div> diff --git a/third_party/WebKit/LayoutTests/compositing/empty-render-surface-crasher.html b/third_party/WebKit/LayoutTests/compositing/empty-render-surface-crasher.html index 3b4f7c7..0ba851c 100644 --- a/third_party/WebKit/LayoutTests/compositing/empty-render-surface-crasher.html +++ b/third_party/WebKit/LayoutTests/compositing/empty-render-surface-crasher.html @@ -11,7 +11,7 @@ } .child { - -webkit-transform: translateZ(0); + transform: translateZ(0); height: 0px; width: 0px; background-color: red; diff --git a/third_party/WebKit/LayoutTests/compositing/filters/sw-layer-overlaps-hw-shadow.html b/third_party/WebKit/LayoutTests/compositing/filters/sw-layer-overlaps-hw-shadow.html index d21c879..6de5a59 100644 --- a/third_party/WebKit/LayoutTests/compositing/filters/sw-layer-overlaps-hw-shadow.html +++ b/third_party/WebKit/LayoutTests/compositing/filters/sw-layer-overlaps-hw-shadow.html @@ -25,7 +25,7 @@ left: 105px; width: 100px; height: 100px; - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/filters/sw-nested-shadow-overlaps-hw-nested-shadow.html b/third_party/WebKit/LayoutTests/compositing/filters/sw-nested-shadow-overlaps-hw-nested-shadow.html index 8913a11..c451196 100644 --- a/third_party/WebKit/LayoutTests/compositing/filters/sw-nested-shadow-overlaps-hw-nested-shadow.html +++ b/third_party/WebKit/LayoutTests/compositing/filters/sw-nested-shadow-overlaps-hw-nested-shadow.html @@ -36,7 +36,7 @@ left: 330px; width: 100px; height: 100px; - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } #composited-child { background-color: blue; diff --git a/third_party/WebKit/LayoutTests/compositing/filters/sw-shadow-overlaps-hw-layer.html b/third_party/WebKit/LayoutTests/compositing/filters/sw-shadow-overlaps-hw-layer.html index e2e3169..b01f993 100644 --- a/third_party/WebKit/LayoutTests/compositing/filters/sw-shadow-overlaps-hw-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/filters/sw-shadow-overlaps-hw-layer.html @@ -25,7 +25,7 @@ left: 105px; width: 100px; height: 100px; - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/filters/sw-shadow-overlaps-hw-shadow.html b/third_party/WebKit/LayoutTests/compositing/filters/sw-shadow-overlaps-hw-shadow.html index 202636d..ffc7d00 100644 --- a/third_party/WebKit/LayoutTests/compositing/filters/sw-shadow-overlaps-hw-shadow.html +++ b/third_party/WebKit/LayoutTests/compositing/filters/sw-shadow-overlaps-hw-shadow.html @@ -26,7 +26,7 @@ left: 130px; width: 100px; height: 100px; - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/fixed-background-composited-html-expected.html b/third_party/WebKit/LayoutTests/compositing/fixed-background-composited-html-expected.html index 3b22648..f6b1cb7 100644 --- a/third_party/WebKit/LayoutTests/compositing/fixed-background-composited-html-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/fixed-background-composited-html-expected.html @@ -4,7 +4,7 @@ <head> <style> html { - -webkit-transform: translateZ(0); + transform: translateZ(0); } body { height: 2000px; diff --git a/third_party/WebKit/LayoutTests/compositing/fixed-background-composited-html.html b/third_party/WebKit/LayoutTests/compositing/fixed-background-composited-html.html index c5dbc73..d9c7803 100644 --- a/third_party/WebKit/LayoutTests/compositing/fixed-background-composited-html.html +++ b/third_party/WebKit/LayoutTests/compositing/fixed-background-composited-html.html @@ -4,7 +4,7 @@ <head> <style> html { - -webkit-transform: translateZ(0); + transform: translateZ(0); } body { height: 2000px; diff --git a/third_party/WebKit/LayoutTests/compositing/fixed-position-changed-in-composited-layer.html b/third_party/WebKit/LayoutTests/compositing/fixed-position-changed-in-composited-layer.html index 5d656ad..1496686 100644 --- a/third_party/WebKit/LayoutTests/compositing/fixed-position-changed-in-composited-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/fixed-position-changed-in-composited-layer.html @@ -7,7 +7,7 @@ .fixed { position: fixed; } .green { background-color: green; } .red { background-color: red; } - .composited { -webkit-transform: translateZ(0); } + .composited { transform: translateZ(0); } </style> <script type="text/javascript"> if (window.testRunner) diff --git a/third_party/WebKit/LayoutTests/compositing/fixed-position-changed-to-absolute.html b/third_party/WebKit/LayoutTests/compositing/fixed-position-changed-to-absolute.html index bf21540..ead01b0 100644 --- a/third_party/WebKit/LayoutTests/compositing/fixed-position-changed-to-absolute.html +++ b/third_party/WebKit/LayoutTests/compositing/fixed-position-changed-to-absolute.html @@ -2,7 +2,7 @@ <style> .composited { position: absolute; - -webkit-transform: translateZ(0); + transform: translateZ(0); width: 150px; height: 150px; background: #D9CCA7; diff --git a/third_party/WebKit/LayoutTests/compositing/fixed-position-changed-within-composited-parent-layer.html b/third_party/WebKit/LayoutTests/compositing/fixed-position-changed-within-composited-parent-layer.html index 074d609..a30698d 100644 --- a/third_party/WebKit/LayoutTests/compositing/fixed-position-changed-within-composited-parent-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/fixed-position-changed-within-composited-parent-layer.html @@ -8,7 +8,7 @@ .fixed { position: fixed; } .green { background-color: green; } .red { background-color: red; } - .composited { -webkit-transform: translateZ(0); } + .composited { transform: translateZ(0); } </style> <script type="text/javascript"> if (window.testRunner) diff --git a/third_party/WebKit/LayoutTests/compositing/fixed-position-scroll-offset-history-restore.html b/third_party/WebKit/LayoutTests/compositing/fixed-position-scroll-offset-history-restore.html index b32172a..4ed8da5 100644 --- a/third_party/WebKit/LayoutTests/compositing/fixed-position-scroll-offset-history-restore.html +++ b/third_party/WebKit/LayoutTests/compositing/fixed-position-scroll-offset-history-restore.html @@ -7,7 +7,7 @@ <div style="position: absolute; top: 250px; width: 200px; height: 100px; background-color: red;"></div> <!-- Green fixed-position, composited div which covers the red div after we scroll --> - <div style="position: fixed; -webkit-transform: translateZ(0); top: 50px; width: 200px; height: 100px; background-color: green;"></div> + <div style="position: fixed; transform: translateZ(0); top: 50px; width: 200px; height: 100px; background-color: green;"></div> <script> if (window.testRunner) { diff --git a/third_party/WebKit/LayoutTests/compositing/flat-with-transformed-child.html b/third_party/WebKit/LayoutTests/compositing/flat-with-transformed-child.html index bb56659..467da10 100644 --- a/third_party/WebKit/LayoutTests/compositing/flat-with-transformed-child.html +++ b/third_party/WebKit/LayoutTests/compositing/flat-with-transformed-child.html @@ -14,12 +14,12 @@ background-color: green; opacity: 0.9999; -webkit-transform-style: flat; - -webkit-transform: rotateY(80deg); + transform: rotateY(80deg); } #child { background-color: green; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #bad { diff --git a/third_party/WebKit/LayoutTests/compositing/framesets/resources/composited-subframe.html b/third_party/WebKit/LayoutTests/compositing/framesets/resources/composited-subframe.html index 00b1c14..3e3dd22 100644 --- a/third_party/WebKit/LayoutTests/compositing/framesets/resources/composited-subframe.html +++ b/third_party/WebKit/LayoutTests/compositing/framesets/resources/composited-subframe.html @@ -14,11 +14,11 @@ margin: 10px; padding: 5px; background-color: green; - -webkit-transform: translateZ(0); + transform: translateZ(0); overflow:hidden; } .box:hover { - -webkit-transform: none; + transform: none; } .testbox { position:absolute; diff --git a/third_party/WebKit/LayoutTests/compositing/generated-content.html b/third_party/WebKit/LayoutTests/compositing/generated-content.html index bf31854..d35c1e5 100644 --- a/third_party/WebKit/LayoutTests/compositing/generated-content.html +++ b/third_party/WebKit/LayoutTests/compositing/generated-content.html @@ -16,7 +16,7 @@ display: block; width: 100%; height: 100%; - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/abs-position-inside-opacity.html b/third_party/WebKit/LayoutTests/compositing/geometry/abs-position-inside-opacity.html index ceecf8f..5603890 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/abs-position-inside-opacity.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/abs-position-inside-opacity.html @@ -28,7 +28,7 @@ } .compositing { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/ancestor-overflow-change.html b/third_party/WebKit/LayoutTests/compositing/geometry/ancestor-overflow-change.html index 67548da..120ea33 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/ancestor-overflow-change.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/ancestor-overflow-change.html @@ -20,7 +20,7 @@ width: 100px; height: 100px; background-color: green; - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } #indicator { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/assert-layout-not-done.html b/third_party/WebKit/LayoutTests/compositing/geometry/assert-layout-not-done.html index 0d52781..ada5fad 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/assert-layout-not-done.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/assert-layout-not-done.html @@ -11,7 +11,7 @@ width: 100px; height: 100px; background-color: gray; - -webkit-transform: translateZ(0px); + transform: translateZ(0px); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/assert-marquee-timer.html b/third_party/WebKit/LayoutTests/compositing/geometry/assert-marquee-timer.html index 3565a91..2db731e 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/assert-marquee-timer.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/assert-marquee-timer.html @@ -3,7 +3,7 @@ <head> <style> .content { - -webkit-transform: translateZ(1px); + transform: translateZ(1px); display: block; width: 100px; height: 30px; diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/bounds-clipped-composited-child.html b/third_party/WebKit/LayoutTests/compositing/geometry/bounds-clipped-composited-child.html index 51e9d92..7debcc9 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/bounds-clipped-composited-child.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/bounds-clipped-composited-child.html @@ -10,7 +10,7 @@ margin-left: 50px; height: 100px; width: 100px; - -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); } .box { @@ -52,8 +52,8 @@ <!-- You should see a green rectangle, and no red. --> <div id="indicator"></div> <div class="container"> - <div class="box" style="-webkit-transform: translateX(0)"></div> - <div class="box" style="-webkit-transform: translateX(100%)"></div> + <div class="box" style="transform: translateX(0)"></div> + <div class="box" style="transform: translateX(100%)"></div> </div> <pre id="layers">Layer tree goes here in DRT</pre> </body> diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden-composited-descendant.html b/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden-composited-descendant.html index 20c6596..364a70c 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden-composited-descendant.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden-composited-descendant.html @@ -1,6 +1,6 @@ <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } img { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden-dynamic-negzindex.html b/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden-dynamic-negzindex.html index 35aeda2..eeb5cef 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden-dynamic-negzindex.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden-dynamic-negzindex.html @@ -3,7 +3,7 @@ overflow: hidden; } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden-dynamic.html b/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden-dynamic.html index cfd37fe..31efb20 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden-dynamic.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden-dynamic.html @@ -1,6 +1,6 @@ <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden.html b/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden.html index 605c610..9e47c7c 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden.html @@ -1,6 +1,6 @@ <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } img { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/clip-inside.html b/third_party/WebKit/LayoutTests/compositing/geometry/clip-inside.html index 2169d98..9887383 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/clip-inside.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/clip-inside.html @@ -21,7 +21,7 @@ } .composited { - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } p { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/clip-with-shadow.html b/third_party/WebKit/LayoutTests/compositing/geometry/clip-with-shadow.html index 50b4646..3031eac 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/clip-with-shadow.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/clip-with-shadow.html @@ -33,7 +33,7 @@ } .composited { - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } p { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/clip.html b/third_party/WebKit/LayoutTests/compositing/geometry/clip.html index 4732e1b..fdceb9f 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/clip.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/clip.html @@ -24,7 +24,7 @@ } .composited { - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } p { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/clipping-foreground.html b/third_party/WebKit/LayoutTests/compositing/geometry/clipping-foreground.html index 14810e1..b15b423 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/clipping-foreground.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/clipping-foreground.html @@ -17,7 +17,7 @@ background-color:rgba(255, 255, 255, 0.8); font-size: 220%; font-weight: bold; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .child { @@ -28,7 +28,7 @@ padding: 20px; color: gray; -webkit-box-sizing: border-box; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .child > .child { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/composited-html-size.html b/third_party/WebKit/LayoutTests/compositing/geometry/composited-html-size.html index a1a2fb2..30137ce 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/composited-html-size.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/composited-html-size.html @@ -20,7 +20,7 @@ } .compositing { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/composited-in-columns.html b/third_party/WebKit/LayoutTests/compositing/geometry/composited-in-columns.html index 7c149aa6..0f89f22 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/composited-in-columns.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/composited-in-columns.html @@ -24,7 +24,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); background-color: blue; } diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/fixed-in-composited.html b/third_party/WebKit/LayoutTests/compositing/geometry/fixed-in-composited.html index 2218dba..f0e3b2c 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/fixed-in-composited.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/fixed-in-composited.html @@ -28,7 +28,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .container.two { @@ -52,7 +52,7 @@ } .transformed { - -webkit-transform: translate(0, 0); + transform: translate(0, 0); } .indicator { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position-composited-page-scale-scroll.html b/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position-composited-page-scale-scroll.html index 2d2cc1b..49849c7 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position-composited-page-scale-scroll.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position-composited-page-scale-scroll.html @@ -10,7 +10,7 @@ position: fixed; z-index: 1; left: 10px; - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position-transform-composited-page-scale-down.html b/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position-transform-composited-page-scale-down.html index 26a9046..6222d3b 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position-transform-composited-page-scale-down.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position-transform-composited-page-scale-down.html @@ -5,13 +5,13 @@ .fixed-no-z-index { position: absolute; left: 10px; - -webkit-transform: translateX(10px) rotate(20deg); + transform: translateX(10px) rotate(20deg); } .fixed-with-z-index { position: fixed; z-index: 1; left: 10px; - -webkit-transform: translateX(10px) rotate(20deg); + transform: translateX(10px) rotate(20deg); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position-transform-composited-page-scale.html b/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position-transform-composited-page-scale.html index 7011964..63781b9 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position-transform-composited-page-scale.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position-transform-composited-page-scale.html @@ -5,13 +5,13 @@ .fixed-no-z-index { position: absolute; left: 10px; - -webkit-transform: translateX(10px) rotate(20deg); + transform: translateX(10px) rotate(20deg); } .fixed-with-z-index { position: fixed; z-index: 1; left: 10px; - -webkit-transform: translateX(10px) rotate(20deg); + transform: translateX(10px) rotate(20deg); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position.html b/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position.html index 7023ef0..986ec08 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position.html @@ -28,7 +28,7 @@ } .compositing { - -webkit-transform: translateZ(0); + transform: translateZ(0); } p { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/flipped-blocks-inline-mapping.html b/third_party/WebKit/LayoutTests/compositing/geometry/flipped-blocks-inline-mapping.html index eaea299..4a70bc5 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/flipped-blocks-inline-mapping.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/flipped-blocks-inline-mapping.html @@ -14,7 +14,7 @@ } .transformed { - -webkit-transform: translateZ(0); + transform: translateZ(0); } span { opacity: 0.8; diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/flipped-writing-mode.html b/third_party/WebKit/LayoutTests/compositing/geometry/flipped-writing-mode.html index 25ec9af..e222669 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/flipped-writing-mode.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/flipped-writing-mode.html @@ -22,7 +22,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .block { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/foreground-layer.html b/third_party/WebKit/LayoutTests/compositing/geometry/foreground-layer.html index 57ed014..cf8fecd 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/foreground-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/foreground-layer.html @@ -8,7 +8,7 @@ margin: 30px; width: 200px; height: 200px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .main { @@ -22,7 +22,7 @@ width: 150px; height: 150px; padding: 20px; - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } .negative { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/foreground-offset-change.html b/third_party/WebKit/LayoutTests/compositing/geometry/foreground-offset-change.html index c0ad39e..4327713 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/foreground-offset-change.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/foreground-offset-change.html @@ -10,7 +10,7 @@ #trigger { /* Only overlap with the contents element, not the stretch element */ - -webkit-transform:translateZ(0); + transform:translateZ(0); position: absolute; top: 0px; left: 0px; @@ -20,7 +20,7 @@ #container { /* Force compositing for this layer if any children get composited */ - -webkit-transform:translate(0px, 1px); + transform:translate(0px, 1px); } #negative { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/horizontal-scroll-composited.html b/third_party/WebKit/LayoutTests/compositing/geometry/horizontal-scroll-composited.html index d119b09..8b9e345 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/horizontal-scroll-composited.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/horizontal-scroll-composited.html @@ -8,7 +8,7 @@ <script src="../resources/mock_scrollbars.js"></script> </head> <body style="width: 600px"> -<div style="-webkit-transform: translatez(0); width: 1000px; height: 800px; border-style: solid; border-color: Red; border-width: 3px; background-image: url(../resources/apple.jpg); background-repeat:repeat"></div> +<div style="transform: translatez(0); width: 1000px; height: 800px; border-style: solid; border-color: Red; border-width: 3px; background-image: url(../resources/apple.jpg); background-repeat:repeat"></div> <script type="text/javascript" charset="utf-8"> window.scrollBy(300, 0); if (window.testRunner) diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/layer-due-to-layer-children-deep-switch.html b/third_party/WebKit/LayoutTests/compositing/geometry/layer-due-to-layer-children-deep-switch.html index edd9c17..6bfaa8d 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/layer-due-to-layer-children-deep-switch.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/layer-due-to-layer-children-deep-switch.html @@ -12,7 +12,7 @@ height: 250px; padding: 20px; border: 1px solid black; - -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); } #child { @@ -21,7 +21,7 @@ width: 250px; height: 220px; background-color: blue; - -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); } #grandchild { @@ -31,7 +31,7 @@ width: 200px; height: 200px; background-color: yellow; - -webkit-transform: rotate(30deg); + transform: rotate(30deg); } #greatgrandchild { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/layer-due-to-layer-children-deep.html b/third_party/WebKit/LayoutTests/compositing/geometry/layer-due-to-layer-children-deep.html index 7a5cff2..a538ad8 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/layer-due-to-layer-children-deep.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/layer-due-to-layer-children-deep.html @@ -12,7 +12,7 @@ height: 250px; padding: 20px; border: 1px solid black; - -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); } #child { @@ -21,7 +21,7 @@ width: 250px; height: 220px; background-color: blue; - -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); } #grandchild { @@ -31,7 +31,7 @@ width: 200px; height: 200px; background-color: yellow; - -webkit-transform: rotate(30deg); + transform: rotate(30deg); } #greatgrandchild { @@ -40,7 +40,7 @@ width: 250px; height: 100px; background-color: green; - -webkit-transform: perspective(400) translate3D(-30px, 30px, 100px) rotateY(60deg); + transform: perspective(400px) translate3D(-30px, 30px, 100px) rotateY(60deg); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/layer-due-to-layer-children-switch.html b/third_party/WebKit/LayoutTests/compositing/geometry/layer-due-to-layer-children-switch.html index 8fc65dd..d531d34 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/layer-due-to-layer-children-switch.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/layer-due-to-layer-children-switch.html @@ -12,7 +12,7 @@ height: 150px; padding: 20px; border: 1px solid black; - -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); } .child { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/layer-due-to-layer-children.html b/third_party/WebKit/LayoutTests/compositing/geometry/layer-due-to-layer-children.html index 1513865..69c7bfb 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/layer-due-to-layer-children.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/layer-due-to-layer-children.html @@ -12,7 +12,7 @@ height: 150px; padding: 20px; border: 1px solid black; - -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); } .child { @@ -21,7 +21,7 @@ width: 250px; height: 100px; background-color: green; - -webkit-transform: perspective(600) translate3D(-50px, 10px, 100px) rotateY(45deg); + transform: perspective(600px) translate3D(-50px, 10px, 100px) rotateY(45deg); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-opacity-transition.html b/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-opacity-transition.html index fbfd05d4..25bce5f 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-opacity-transition.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-opacity-transition.html @@ -14,7 +14,7 @@ .compositing { width: 1px; height: 1px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #fading { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-overflow-root.html b/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-overflow-root.html index 0441166..40761f5 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-overflow-root.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-overflow-root.html @@ -23,7 +23,7 @@ left: 21px; width: 100px; height: 100px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .test { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-positioned-transition.html b/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-positioned-transition.html index 90ded07..7cf25f9 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-positioned-transition.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-positioned-transition.html @@ -21,7 +21,7 @@ left: 21px; width: 100px; height: 100px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #far-left { @@ -33,7 +33,7 @@ } #far-left.moved { - -webkit-transform: translateX(200px); + transform: translateX(200px); } .indicator { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-positioned.html b/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-positioned.html index 0ec8ceb..eeb71d2 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-positioned.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-positioned.html @@ -21,7 +21,7 @@ left: 21px; width: 100px; height: 100px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .far-left { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-transformed.html b/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-transformed.html index 58e82dd..81aa55a 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-transformed.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/limit-layer-bounds-transformed.html @@ -13,7 +13,7 @@ padding: 20px; z-index: 0; border: 1px solid black; - -webkit-transform: translate(100px, 0); + transform: translate(100px, 0); } .compositing { @@ -22,7 +22,7 @@ left: 121px; width: 100px; height: 100px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .far-left { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/outline-change.html b/third_party/WebKit/LayoutTests/compositing/geometry/outline-change.html index 1b06757..d163625 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/outline-change.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/outline-change.html @@ -13,7 +13,7 @@ width: 100px; margin: 50px; border: 1px solid black; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #outer { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/partial-layout-update.html b/third_party/WebKit/LayoutTests/compositing/geometry/partial-layout-update.html index 2ea0abb..c2e776a 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/partial-layout-update.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/partial-layout-update.html @@ -30,7 +30,7 @@ .panel .content { background-color: green; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .indicator { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/preserve-3d-switching-expected.txt b/third_party/WebKit/LayoutTests/compositing/geometry/preserve-3d-switching-expected.txt index 93d2c39..601aed7 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/preserve-3d-switching-expected.txt +++ b/third_party/WebKit/LayoutTests/compositing/geometry/preserve-3d-switching-expected.txt @@ -1,6 +1,6 @@ The green box appear angled out from the yellow box and embedded in it. --webkit-transform: translateZ(-100px) rotateY(45deg); +transform: translateZ(-100px) rotateY(45deg); { "bounds": [800, 600], "children": [ diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/preserve-3d-switching.html b/third_party/WebKit/LayoutTests/compositing/geometry/preserve-3d-switching.html index 83005a3..8c61055 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/preserve-3d-switching.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/preserve-3d-switching.html @@ -24,7 +24,7 @@ background-color: yellow; opacity: 0.8; -webkit-transform-style: preserve-3d; - -webkit-transform: rotateX(-60deg) rotateY(40deg); + transform: rotateX(-60deg) rotateY(40deg); } #parent > div { @@ -42,7 +42,7 @@ #parent > :first-child { background-color: green; opacity:0.7; - -webkit-transform: translateZ(50px) rotateY(-40deg); + transform: translateZ(50px) rotateY(-40deg); } </style> <script type="text/javascript" charset="utf-8"> @@ -75,7 +75,7 @@ <p>The green box appear angled out from the yellow box and embedded in it.</p> <div id="container"> <div id="parent"> - <div>-webkit-transform: translateZ(-100px) rotateY(45deg);</div> + <div>transform: translateZ(-100px) rotateY(45deg);</div> </div> <div id="layerTree"></div> </div> diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/repaint-foreground-layer.html b/third_party/WebKit/LayoutTests/compositing/geometry/repaint-foreground-layer.html index 70bba2a..07bfe55 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/repaint-foreground-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/repaint-foreground-layer.html @@ -8,7 +8,7 @@ margin: 30px; width: 200px; height: 200px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .main { @@ -23,7 +23,7 @@ width: 150px; height: 150px; padding: 20px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .negative { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/root-layer-update.html b/third_party/WebKit/LayoutTests/compositing/geometry/root-layer-update.html index 6c13643..bfda125 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/root-layer-update.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/root-layer-update.html @@ -27,7 +27,7 @@ width: 100px; background-color: green; margin: 0 auto; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #tester { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/rtl-composited.html b/third_party/WebKit/LayoutTests/compositing/geometry/rtl-composited.html index 9fca4b8..6891d1c 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/rtl-composited.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/rtl-composited.html @@ -15,7 +15,7 @@ body { z-index: 5; } .accelerated { - -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/tall-page-composited.html b/third_party/WebKit/LayoutTests/compositing/geometry/tall-page-composited.html index 72720fd..1355fcd 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/tall-page-composited.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/tall-page-composited.html @@ -14,7 +14,7 @@ } .test { - -webkit-transform: translateZ(0); + transform: translateZ(0); background-color: green; } diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/transfrom-origin-on-zero-size-layer.html b/third_party/WebKit/LayoutTests/compositing/geometry/transfrom-origin-on-zero-size-layer.html index 59b49a7..3e9fab8 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/transfrom-origin-on-zero-size-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/transfrom-origin-on-zero-size-layer.html @@ -16,7 +16,7 @@ height: 0px; width: 0px; -webkit-transform-origin: 0 100px; - -webkit-transform: scale3d(0.5, 0.5, 1); + transform: scale3d(0.5, 0.5, 1); } .box { @@ -24,7 +24,7 @@ width: 100px; height: 100px; background-color: green; - -webkit-transform: translateZ(10px); + transform: translateZ(10px); } #indicator { diff --git a/third_party/WebKit/LayoutTests/compositing/geometry/vertical-scroll-composited.html b/third_party/WebKit/LayoutTests/compositing/geometry/vertical-scroll-composited.html index 03b09d5..3b016d9 100644 --- a/third_party/WebKit/LayoutTests/compositing/geometry/vertical-scroll-composited.html +++ b/third_party/WebKit/LayoutTests/compositing/geometry/vertical-scroll-composited.html @@ -8,7 +8,7 @@ <script src="../resources/mock_scrollbars.js"></script> </head> <body style="height: 600px"> -<div style="-webkit-transform: rotate3d(0,0,1,20deg); width: 800px; height: 1000px; border-style: solid; border-color: Red; border-width: 3px; background-image: url(../resources/apple.jpg); background-repeat:repeat"></div> +<div style="transform: rotate3d(0,0,1,20deg); width: 800px; height: 1000px; border-style: solid; border-color: Red; border-width: 3px; background-image: url(../resources/apple.jpg); background-repeat:repeat"></div> <script type="text/javascript" charset="utf-8"> window.scrollBy(0, 200); if (window.testRunner) diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-composited-scrolled-late-composite-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-composited-scrolled-late-composite-expected.html index 80a06eb..c072dd1 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-composited-scrolled-late-composite-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-composited-scrolled-late-composite-expected.html @@ -5,7 +5,7 @@ </head> <body onLoad="runTest();"> <iframe id="targetFrame" src="resources/1-frame-noncomposited-expected.html" style="position: relative; left: 10px; top: 10px; width: 400px; height: 150px;"></iframe> -<div style="position: relative; left: 10px; top: 20px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 20px; transform: translateZ(0);"> This test is successful if "Target Link" is covered by a green box with square corners, and the frame is partially scrolled. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-composited-scrolled-late-composite.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-composited-scrolled-late-composite.html index aa99346..03445df 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-composited-scrolled-late-composite.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-composited-scrolled-late-composite.html @@ -7,7 +7,7 @@ </head> <body onLoad="runTest();"> <iframe id="targetFrame" src="resources/1-frame-noncomposited.html" style="position: relative; left: 10px; top: 10px; width: 400px; height: 150px;"></iframe> -<div style="position: relative; left: 10px; top: 20px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 20px; transform: translateZ(0);"> This test is successful if "Target Link" is covered by a green box with square corners, and the frame is partially scrolled. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-composited-scrolled-late-noncomposite-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-composited-scrolled-late-noncomposite-expected.html index a20a44f..2fb86a0 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-composited-scrolled-late-noncomposite-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-composited-scrolled-late-noncomposite-expected.html @@ -6,7 +6,7 @@ </head> <body onLoad="runTest();"> <iframe id="targetFrame" src="resources/1-frame-composited-expected.html" style="position: relative; left: 10px; top: 10px; width: 400px; height: 150px;"></iframe> -<div style="position: relative; left: 10px; top: 20px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 20px; transform: translateZ(0);"> This test is successful if "Target Link" is covered by a green box with square corners, and the frame is partially scrolled. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-composited-scrolled-late-noncomposite.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-composited-scrolled-late-noncomposite.html index 5ad2033..b91b1d3 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-composited-scrolled-late-noncomposite.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-composited-scrolled-late-noncomposite.html @@ -8,7 +8,7 @@ </head> <body onLoad="runTest();"> <iframe id="targetFrame" src="resources/1-frame-composited.html" style="position: relative; left: 10px; top: 10px; width: 400px; height: 150px;"></iframe> -<div style="position: relative; left: 10px; top: 20px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 20px; transform: translateZ(0);"> This test is successful if "Target Link" is covered by a green box with square corners, and the frame is partially scrolled. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-expected.html index ca88e9e..02c8d5f 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-expected.html @@ -5,7 +5,7 @@ </head> <body onLoad="runTest();"> <iframe id="targetFrame" src="resources/1-frame-noncomposited-expected.html" style="position: relative; left: 10px; top: 10px; width: 400px; height: 150px;"></iframe> -<div style="position: relative; left: 10px; top: 20px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 20px; transform: translateZ(0);"> This test is successful if "Target Link" is covered by a green box with square corners. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-scrolled-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-scrolled-expected.html index e9d1dcb..38ee518 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-scrolled-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-scrolled-expected.html @@ -6,7 +6,7 @@ </head> <body onLoad="runTest();"> <iframe id="targetFrame" src="resources/1-frame-noncomposited-expected.html" style="position: relative; left: 10px; top: 10px; width: 400px; height: 150px;"></iframe> -<div style="position: relative; left: 10px; top: 20px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 20px; transform: translateZ(0);"> This test is successful if "Target Link" is covered by a green box with square corners, and the frame is partially scrolled. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-scrolled.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-scrolled.html index e221446c..c0af4c7 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-scrolled.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe-scrolled.html @@ -6,7 +6,7 @@ </head> <body onLoad="runTest();"> <iframe id="targetFrame" src="resources/1-frame-noncomposited.html" style="position: relative; left: 10px; top: 10px; width: 400px; height: 150px;"></iframe> -<div style="position: relative; left: 10px; top: 20px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 20px; transform: translateZ(0);"> This test is successful if "Target Link" is covered by a green box with square corners, and the frame is partially scrolled. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe.html index b0bb27d..594e3e9 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-iframe.html @@ -6,7 +6,7 @@ </head> <body onLoad="runTest();"> <iframe id="targetFrame" src="resources/1-frame-noncomposited.html" style="position: relative; left: 10px; top: 10px; width: 400px; height: 150px;"></iframe> -<div style="position: relative; left: 10px; top: 20px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 20px; transform: translateZ(0);"> This test is successful if "Target Link" is covered by a green box with square corners. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-expected.html index 48c5290..6c53348 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-expected.html @@ -7,7 +7,7 @@ <body onload="runTest();"> <div style="position: relative; left: 10px; top: 10px"></div> <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> -<div style="-webkit-transform: translateZ(0)"> +<div style="transform: translateZ(0)"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> <a href="">Link 3</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-scroll-clip-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-scroll-clip-expected.html index 986f658..49d2b7a 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-scroll-clip-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-scroll-clip-expected.html @@ -7,7 +7,7 @@ <body onload="runTest();"> <div style="position: relative; left: 10px; top: 10px"></div> <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> -<div style="-webkit-transform: translateZ(0)"> +<div style="transform: translateZ(0)"> <a href="" id="targetLink">Target Link.</a><br> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-scroll-clip.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-scroll-clip.html index 1e709cf2..4a448e8 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-scroll-clip.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-scroll-clip.html @@ -7,7 +7,7 @@ <body onload="runTest();"> <div style="position: relative; left: 10px; top: 10px"></div> <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> -<div style="-webkit-transform: translateZ(0)"> +<div style="transform: translateZ(0)"> <a href="" id="targetLink" style="-webkit-tap-highlight-color: rgba(0, 255, 0, 0.5)">Target Link.</a><br> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-scrolled-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-scrolled-expected.html index 6a1fd81..3fcb54a 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-scrolled-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-scrolled-expected.html @@ -7,7 +7,7 @@ <body onload="runTest();"> <div style="position: relative; left: 10px; top: 10px"></div> <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> -<div style="-webkit-transform: translateZ(0)"> +<div style="transform: translateZ(0)"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> <a href="">Link 3</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-scrolled.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-scrolled.html index 0fe491b..b910f91 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-scrolled.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited-scrolled.html @@ -8,7 +8,7 @@ <body onload="runTest();"> <div style="position: relative; left: 10px; top: 10px"></div> <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> -<div style="-webkit-transform: translateZ(0)"> +<div style="transform: translateZ(0)"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> <a href="">Link 3</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited.html index d4b48f2..b010f61 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-composited.html @@ -8,7 +8,7 @@ <body onload="runTest();"> <div style="position: relative; left: 10px; top: 10px"></div> <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> -<div style="-webkit-transform: translateZ(0)"> +<div style="transform: translateZ(0)"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> <a href="">Link 3</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-expected.html index 6068ba9..411f91f 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-expected.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div id="targetDiv" style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div id="targetDiv" style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change-2-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change-2-expected.html index 31d2c1a..19ca29a 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change-2-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change-2-expected.html @@ -5,7 +5,7 @@ <script src="resources/link-highlight-helper.js"></script> </head> <body onload="runTest();"> -<div id="targetDiv" style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div id="targetDiv" style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change-2.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change-2.html index 9a1ec67..16dcbea 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change-2.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change-2.html @@ -5,7 +5,7 @@ <script src="resources/link-highlight-helper.js"></script> </head> <body onload="runTest();"> -<div id="targetDiv" style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div id="targetDiv" style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change-expected.html index ee09a31..6f7d5ce 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change-expected.html @@ -5,7 +5,7 @@ <script src="resources/link-highlight-helper.js"></script> </head> <body onload="runTest();"> -<div id="targetDiv" style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div id="targetDiv" style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change.html index 04e3032..bd44b78 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change.html @@ -5,7 +5,7 @@ <script src="resources/link-highlight-helper.js"></script> </head> <body onload="runTest();"> -<div id="targetDiv" style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div id="targetDiv" style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-expected.html index de5fed5..432a600 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-expected.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-late-composite-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-late-composite-expected.html index 375b09a..c653188 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-late-composite-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-late-composite-expected.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <div id="divToForceCompositedLayer"> <a href="">Link 1</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-late-composite.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-late-composite.html index 2787e66..0e76962 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-late-composite.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-late-composite.html @@ -5,7 +5,7 @@ <script src="resources/link-highlight-helper.js"></script> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <div id="divToForceCompositedLayer"> <a href="">Link 1</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-late-noncomposite-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-late-noncomposite-expected.html index 8599f1b0..3185d1f 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-late-noncomposite-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-late-noncomposite-expected.html @@ -5,9 +5,9 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> -<div id="divToControlCompositedLayer" style="-webkit-transform: translateZ(0);"> +<div id="divToControlCompositedLayer" style="transform: translateZ(0);"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> <a href="">Link 3</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-late-noncomposite.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-late-noncomposite.html index 0e7ec8a..92ea6ee 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-late-noncomposite.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled-late-noncomposite.html @@ -7,9 +7,9 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> -<div id="divToControlCompositedLayer" style="-webkit-transform: translateZ(0);"> +<div id="divToControlCompositedLayer" style="transform: translateZ(0);"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> <a href="">Link 3</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled.html index 733872e..e0823d0 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-scrolled.html @@ -5,7 +5,7 @@ <script src="resources/link-highlight-helper.js"></script> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div.html index f8a2912..af576c3 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div.html @@ -5,7 +5,7 @@ <script src="resources/link-highlight-helper.js"></script> </head> <body onload="runTest();"> -<div id="targetDiv" style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div id="targetDiv" style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-composited-outer-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-composited-outer-expected.html index d8ec28c..c90f587 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-composited-outer-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-composited-outer-expected.html @@ -4,7 +4,7 @@ <script src="../../resources/js-test.js"></script> </head> <body onLoad="runTest();"> -<iframe id="nestingFrame" src="resources/1-nested-frame-noncomposited-expected.html" style="position: relative; left: 10px; top: 10px; width: 450px; height: 150px; -webkit-transform: translateZ(0);"></iframe> +<iframe id="nestingFrame" src="resources/1-nested-frame-noncomposited-expected.html" style="position: relative; left: 10px; top: 10px; width: 450px; height: 150px; transform: translateZ(0);"></iframe> <div style="position: relative; left: 10px; top: 20px;"> This test is successful if "Target Link" is covered by a green box with square corners. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-composited-outer.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-composited-outer.html index 1473e2c..635fa05 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-composited-outer.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-composited-outer.html @@ -5,7 +5,7 @@ <script src="resources/link-highlight-helper.js"></script> </head> <body onLoad="runTest();"> -<iframe id="nestingFrame" src="resources/1-nested-frame-noncomposited.html" style="position: relative; left: 10px; top: 10px; width: 450px; height: 150px; -webkit-transform: translateZ(0);"></iframe> +<iframe id="nestingFrame" src="resources/1-nested-frame-noncomposited.html" style="position: relative; left: 10px; top: 10px; width: 450px; height: 150px; transform: translateZ(0);"></iframe> <div style="position: relative; left: 10px; top: 20px;"> This test is successful if "Target Link" is covered by a green box with square corners. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-expected.html index 4341db2..a56c17c 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-expected.html @@ -5,7 +5,7 @@ </head> <body onLoad="runTest();"> <iframe id="nestingFrame" src="resources/1-nested-frame-noncomposited-expected.html" style="position: relative; left: 10px; top: 10px; width: 450px; height: 150px;"></iframe> -<div style="position: relative; left: 10px; top: 20px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 20px; transform: translateZ(0);"> This test is successful if "Target Link" is covered by a green box with square corners. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-inner-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-inner-expected.html index a8c7b8e..e1e2312 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-inner-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-inner-expected.html @@ -5,7 +5,7 @@ </head> <body onLoad="runTest();"> <iframe id="nestingFrame" src="resources/1-nested-frame-noncomposited-expected.html" style="position: relative; left: 10px; top: 10px; width: 450px; height: 150px;"></iframe> -<div style="position: relative; left: 10px; top: 20px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 20px; transform: translateZ(0);"> This test is successful if "Target Link" is covered by a green box with square corners, and the inner frame is partially scrolled. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-inner-late-composite-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-inner-late-composite-expected.html index a4e10f5..8f8d173 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-inner-late-composite-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-inner-late-composite-expected.html @@ -4,7 +4,7 @@ <script src="../../resources/js-test.js"></script> </head> <body onLoad="runTest();"> -<iframe id="nestingFrame" src="resources/1-nested-frame-noncomposited-expected.html" style="position: relative; left: 10px; top: 10px; width: 450px; height: 150px; -webkit-transform: translateZ(0);"></iframe> +<iframe id="nestingFrame" src="resources/1-nested-frame-noncomposited-expected.html" style="position: relative; left: 10px; top: 10px; width: 450px; height: 150px; transform: translateZ(0);"></iframe> <div style="position: relative; left: 10px; top: 20px;"> This test is successful if "Target Link" is covered by a green box with square corners, and the inner frame is partially scrolled. diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-inner-late-composite.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-inner-late-composite.html index 237dc45..f34b971 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-inner-late-composite.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-inner-late-composite.html @@ -6,7 +6,7 @@ <script src="resources/link-highlight-helper.js"></script> </head> <body onLoad="runTest();"> -<iframe id="nestingFrame" src="resources/1-nested-frame-noncomposited.html" style="position: relative; left: 10px; top: 10px; width: 450px; height: 150px; -webkit-transform: translateZ(0);"></iframe> +<iframe id="nestingFrame" src="resources/1-nested-frame-noncomposited.html" style="position: relative; left: 10px; top: 10px; width: 450px; height: 150px; transform: translateZ(0);"></iframe> <div style="position: relative; left: 10px; top: 20px;"> This test is successful if "Target Link" is covered by a green box with square corners, and the inner frame is partially scrolled. diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-inner.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-inner.html index 3debd9e..a50f899 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-inner.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-inner.html @@ -6,7 +6,7 @@ </head> <body onLoad="runTest();"> <iframe id="nestingFrame" src="resources/1-nested-frame-noncomposited.html" style="position: relative; left: 10px; top: 10px; width: 450px; height: 150px;"></iframe> -<div style="position: relative; left: 10px; top: 20px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 20px; transform: translateZ(0);"> This test is successful if "Target Link" is covered by a green box with square corners, and the inner frame is partially scrolled. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-outer-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-outer-expected.html index 7c94ab9..bcd819e 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-outer-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-outer-expected.html @@ -5,7 +5,7 @@ </head> <body onLoad="runTest();"> <iframe id="nestingFrame" src="resources/1-nested-frame-noncomposited-expected.html" style="position: relative; left: 10px; top: 10px; width: 450px; height: 150px;"></iframe> -<div style="position: relative; left: 10px; top: 20px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 20px; transform: translateZ(0);"> This test is successful if "Target Link" is covered by a green box with square corners, and the outer frame is partially scrolled. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-outer-late-composite-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-outer-late-composite-expected.html index 4010cb7..38ac77c 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-outer-late-composite-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-outer-late-composite-expected.html @@ -7,7 +7,7 @@ </head> <body onLoad="runTest();"> <iframe id="nestingFrame" src="resources/1-nested-frame-noncomposited-expected.html" style="position: relative; left: 10px; top: 10px; width: 450px; height: 150px;"></iframe> -<div style="position: relative; left: 10px; top: 20px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 20px; transform: translateZ(0);"> This test is successful if "Target Link" is covered by a green box with square corners, and the outer frame is partially scrolled. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-outer-late-composite.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-outer-late-composite.html index a3760f2..e25cf8e 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-outer-late-composite.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-outer-late-composite.html @@ -8,7 +8,7 @@ </head> <body onLoad="runTest();"> <iframe id="nestingFrame" src="resources/1-nested-frame-noncomposited.html" style="position: relative; left: 10px; top: 10px; width: 450px; height: 150px;"></iframe> -<div style="position: relative; left: 10px; top: 20px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 20px; transform: translateZ(0);"> This test is successful if "Target Link" is covered by a green box with square corners, and the outer frame is partially scrolled. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-outer.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-outer.html index 418c280..4063fe0 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-outer.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe-scrolled-outer.html @@ -6,7 +6,7 @@ </head> <body onLoad="runTest();"> <iframe id="nestingFrame" src="resources/1-nested-frame-noncomposited.html" style="position: relative; left: 10px; top: 10px; width: 450px; height: 150px;"></iframe> -<div style="position: relative; left: 10px; top: 20px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 20px; transform: translateZ(0);"> This test is successful if "Target Link" is covered by a green box with square corners, and the outer frame is partially scrolled. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe.html index a4f348f..b1aa15e 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-iframe.html @@ -6,7 +6,7 @@ </head> <body onLoad="runTest();"> <iframe id="nestingFrame" src="resources/1-nested-frame-noncomposited.html" style="position: relative; left: 10px; top: 10px; width: 450px; height: 150px;"></iframe> -<div style="position: relative; left: 10px; top: 20px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 20px; transform: translateZ(0);"> This test is successful if "Target Link" is covered by a green box with square corners. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-expected.html index 4eb2b06..042122c 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-expected.html @@ -8,7 +8,7 @@ <div id="targetDiv" style="position: relative; left: 10px; top: 10px"></div> <div style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> <div style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> - <div style="-webkit-transform: translateZ(0)"> + <div style="transform: translateZ(0)"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> <a href="">Link 3</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-scroll-inner-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-scroll-inner-expected.html index bc2ab1d..33abfa2 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-scroll-inner-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-scroll-inner-expected.html @@ -8,7 +8,7 @@ <div style="position: relative; left: 10px; top: 10px"></div> <div id="outerDiv" style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> <div id="targetDiv" style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> - <div style="-webkit-transform: translateZ(0)"> + <div style="transform: translateZ(0)"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> <a href="">Link 3</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-scroll-inner.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-scroll-inner.html index c38b59b..fa76414 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-scroll-inner.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-scroll-inner.html @@ -8,7 +8,7 @@ <div style="position: relative; left: 10px; top: 10px"></div> <div id="outerDiv" style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> <div id="targetDiv" style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> - <div style="-webkit-transform: translateZ(0)"> + <div style="transform: translateZ(0)"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> <a href="">Link 3</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-scroll-outer-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-scroll-outer-expected.html index fb4bd64..a43e11a 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-scroll-outer-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-scroll-outer-expected.html @@ -8,7 +8,7 @@ <div style="position: relative; left: 10px; top: 10px"></div> <div id="outerDiv" style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> <div id="targetDiv" style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> - <div style="-webkit-transform: translateZ(0)"> + <div style="transform: translateZ(0)"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> <a href="">Link 3</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-scroll-outer.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-scroll-outer.html index 5618a2c..2e6d380 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-scroll-outer.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner-scroll-outer.html @@ -8,7 +8,7 @@ <div style="position: relative; left: 10px; top: 10px"></div> <div id="outerDiv" style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> <div id="targetDiv" style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> - <div style="-webkit-transform: translateZ(0)"> + <div style="transform: translateZ(0)"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> <a href="">Link 3</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner.html index d89e8a53..629606c 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-inner.html @@ -8,7 +8,7 @@ <div id="targetDiv" style="position: relative; left: 10px; top: 10px"></div> <div style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> <div style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> - <div style="-webkit-transform: translateZ(0)"> + <div style="transform: translateZ(0)"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> <a href="">Link 3</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-expected.html index 3e38ba1..7a54453 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-expected.html @@ -7,7 +7,7 @@ <body onload="runTest();"> <div style="position: relative; left: 10px; top: 10px"></div> <div style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> - <div style="-webkit-transform: translateZ(0)"> + <div style="transform: translateZ(0)"> <div style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-scroll-inner-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-scroll-inner-expected.html index 76fdc71..e829901 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-scroll-inner-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-scroll-inner-expected.html @@ -7,7 +7,7 @@ <body onload="runTest();"> <div style="position: relative; left: 10px; top: 10px"></div> <div id="outerDiv" style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> - <div style="-webkit-transform: translateZ(0)"> + <div style="transform: translateZ(0)"> <div id="targetDiv" style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-scroll-inner.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-scroll-inner.html index fdfd668..213a8c8 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-scroll-inner.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-scroll-inner.html @@ -7,7 +7,7 @@ <body onload="runTest();"> <div style="position: relative; left: 10px; top: 10px"></div> <div id="outerDiv" style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> - <div style="-webkit-transform: translateZ(0)"> + <div style="transform: translateZ(0)"> <div id="targetDiv" style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-scroll-outer-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-scroll-outer-expected.html index e055740..dcfa188 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-scroll-outer-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-scroll-outer-expected.html @@ -7,7 +7,7 @@ <body onload="runTest();"> <div style="position: relative; left: 10px; top: 10px"></div> <div id="outerDiv" style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> - <div style="-webkit-transform: translateZ(0)"> + <div style="transform: translateZ(0)"> <div id="targetDiv" style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-scroll-outer.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-scroll-outer.html index 6d933ae..1e4794f 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-scroll-outer.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer-scroll-outer.html @@ -7,7 +7,7 @@ <body onload="runTest();"> <div style="position: relative; left: 10px; top: 10px"></div> <div id="outerDiv" style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> - <div style="-webkit-transform: translateZ(0)"> + <div style="transform: translateZ(0)"> <div id="targetDiv" style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer.html index 4d5cca4..58f2ccd 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-composited-outer.html @@ -7,7 +7,7 @@ <body onload="runTest();"> <div style="position: relative; left: 10px; top: 10px"></div> <div style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> - <div style="-webkit-transform: translateZ(0)"> + <div style="transform: translateZ(0)"> <div style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-expected.html index f36f3c1..b709e86 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-expected.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div id="targetDiv" style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div id="targetDiv" style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> <div style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-scrolled-inner-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-scrolled-inner-expected.html index 426a5e2..dd8f525 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-scrolled-inner-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-scrolled-inner-expected.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div id="outerDiv" style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> <div id="targetDiv" style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-scrolled-inner.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-scrolled-inner.html index eeae223..e8d0f8e 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-scrolled-inner.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-scrolled-inner.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div id="outerDiv" style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> <div id="targetDiv" style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-scrolled-outer-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-scrolled-outer-expected.html index 5b923fa..981c121 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-scrolled-outer-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-scrolled-outer-expected.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div id="outerDiv" style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> <div id="targetDiv" style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-scrolled-outer.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-scrolled-outer.html index 4246d8c..bbba2f1 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-scrolled-outer.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div-scrolled-outer.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div id="outerDiv" style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> <div id="targetDiv" style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div.html index 025fc82..bedaa3a 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-2-overflow-div.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div id="targetDiv" style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> +<div id="targetDiv" style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div style="position: relative; left: 10px; top: 40px; width: 300px; height: 150px; overflow-y: scroll; overflow-x: scroll;"> <div style="position: relative; left: 10px; top: i10px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-composited-img.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-composited-img.html index 796b56b..82baf52 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-composited-img.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-composited-img.html @@ -6,7 +6,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();" style="overflow: hidden"> - <img class="opaqueHighlight" style="cursor: pointer; -webkit-transform: translateZ(0)" width="320" height="240" id="targetLink" src="resources/dice.png"> + <img class="opaqueHighlight" style="cursor: pointer; transform: translateZ(0)" width="320" height="240" id="targetLink" src="resources/dice.png"> </div> <script> function runTest() { diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-imagemap-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-imagemap-expected.html index 82db310..a0cbee0 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-imagemap-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-imagemap-expected.html @@ -4,7 +4,7 @@ <script src="../../resources/js-test.js"></script> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative;"> +<div style="transform: translateZ(0); position: relative;"> <div id="target" style="width: 320px; height: 240px; cursor: pointer; -webkit-tap-highlight-color: rgb(0, 255, 0)"> <div id="target" style="width: 320px; height: 240px; "></div> </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-imagemap.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-imagemap.html index 4431b3f..c64b9d0 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-imagemap.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-imagemap.html @@ -4,7 +4,7 @@ <script src="../../resources/js-test.js"></script> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0);"> +<div style="transform: translateZ(0);"> <div id="target" style="width: 320px; height: 240px; cursor: pointer; -webkit-tap-highlight-color: rgb(0, 255, 0)"> <map name="map"> <area shape="rect" coords="10,10,200,200" alt="Test" href="#"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-and-text-2-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-and-text-2-expected.html index f26e880..b71babc 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-and-text-2-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-and-text-2-expected.html @@ -6,7 +6,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); padding: 20px;"> +<div style="transform: translateZ(0); padding: 20px;"> <a id="targetLink"> <font style="vertical-align: bottom" id="beforeTarget">Before Text</font><img id="imgTarget" width="320" height="240" src="resources/dice.png"><font style="vertical-align: bottom" id="afterTarget">After Text</font> </a> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-and-text-2.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-and-text-2.html index f166f90..998223d 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-and-text-2.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-and-text-2.html @@ -7,7 +7,7 @@ </style> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); padding: 20px;"> +<div style="transform: translateZ(0); padding: 20px;"> <a href="" id="targetLink" style="-webkit-tap-highlight-color: rgb(0, 255, 0)"> <font id="beforeTarget">Before Text</font><img id="imgTarget" width="320" height="240" src="resources/dice.png"><font id="afterTarget">After Text</font> </a> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-and-text-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-and-text-expected.html index f26e880..b71babc 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-and-text-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-and-text-expected.html @@ -6,7 +6,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); padding: 20px;"> +<div style="transform: translateZ(0); padding: 20px;"> <a id="targetLink"> <font style="vertical-align: bottom" id="beforeTarget">Before Text</font><img id="imgTarget" width="320" height="240" src="resources/dice.png"><font style="vertical-align: bottom" id="afterTarget">After Text</font> </a> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-and-text.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-and-text.html index 1b2f31c..a47abc32 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-and-text.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-and-text.html @@ -7,7 +7,7 @@ </style> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); padding: 20px;"> +<div style="transform: translateZ(0); padding: 20px;"> <a href="" id="targetLink" style="-webkit-tap-highlight-color: rgb(0, 255, 0)"> <font id="beforeTarget">Before Text</font><img id="imgTarget" width="320" height="240" src="resources/dice.png"><font id="afterTarget">After Text</font> </a> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-expected.html index a98dd83..d48aa27 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-expected.html @@ -6,7 +6,7 @@ </head> <body onload="runTest();"> <div style="padding: 20px"> - <div id="targetLink" style="-webkit-transform: translateZ(0); margin:0px; padding: 0px; width: 320px;"> + <div id="targetLink" style="transform: translateZ(0); margin:0px; padding: 0px; width: 320px;"> <a href="#"><img id="targetImg" width="320" height="240" src="resources/dice.png"></a> </div> </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-transformed.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-transformed.html index bef70c6..e2910fb 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-transformed.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img-transformed.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();" style="overflow: hidden"> - <div style="-webkit-transform: translatez(0) translatey(100px) translatex(300px);"> + <div style="transform: translatez(0) translatey(100px) translatex(300px);"> <a href="" class="opaqueHighlight"> <img width="320" height="240" id="targetLink" src="resources/dice.png"> </a> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img.html index 04fa3dd4..c15e0c1 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-img.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); padding: 20px;"> +<div style="transform: translateZ(0); padding: 20px;"> <a href="" id="targetLink" class="opaqueHighlight"><img width="320" height="240" src="resources/dice.png"></a> </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline-expected.html index a8375a2..08b17c6 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline-expected.html @@ -10,7 +10,7 @@ } .myDiv { - -webkit-transform:translateZ(0); + transform:translateZ(0); position:relative; z-index:0; top:-10px; diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline-squashing-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline-squashing-expected.html index a8375a2..08b17c6 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline-squashing-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline-squashing-expected.html @@ -10,7 +10,7 @@ } .myDiv { - -webkit-transform:translateZ(0); + transform:translateZ(0); position:relative; z-index:0; top:-10px; diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline-squashing.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline-squashing.html index 3576c00..b298dc9 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline-squashing.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline-squashing.html @@ -6,7 +6,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> <style> .myDiv { - -webkit-transform:translateZ(0); + transform:translateZ(0); position:relative; z-index:0; top:-10px; diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline.html index c46b2d0..8adb308 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline.html @@ -6,7 +6,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> <style> .myDiv { - -webkit-transform:translateZ(0); + transform:translateZ(0); position:relative; z-index:0; top:-10px; diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-on-promoted-overflow-div-scrolled-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-on-promoted-overflow-div-scrolled-expected.html index 4ac54f1..c4f0f33 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-on-promoted-overflow-div-scrolled-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-on-promoted-overflow-div-scrolled-expected.html @@ -18,7 +18,7 @@ <script src="resources/link-highlight-helper.js"></script> </head> <body onload="runTest();"> - <div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> + <div style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-on-promoted-overflow-div-scrolled.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-on-promoted-overflow-div-scrolled.html index fe5aa83..ee4a67a 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-on-promoted-overflow-div-scrolled.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-on-promoted-overflow-div-scrolled.html @@ -36,7 +36,7 @@ </script> </head> <body onload="runTest();"> - <div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> + <div style="transform: translateZ(0); position: relative; left: 10px; top: 10px"></div> <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-pixel-rotated-div.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-pixel-rotated-div.html index 1fdd6bd..5956cc9 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-pixel-rotated-div.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-pixel-rotated-div.html @@ -4,10 +4,10 @@ <script src="../../resources/js-test.js"></script> </head> <body onload="runTest();"> -<div id="targetDiv" onclick="doNothing();" style="position: absolute; left: 40px; top: 40px; width: 50px; height: 50px; -webkit-transform: rotate(22.5deg); border-style: solid; border-width: 2px; -webkit-tap-highlight-color: rgba(0, 255, 0, 0.5); cursor: Pointer"> +<div id="targetDiv" onclick="doNothing();" style="position: absolute; left: 40px; top: 40px; width: 50px; height: 50px; transform: rotate(22.5deg); border-style: solid; border-width: 2px; -webkit-tap-highlight-color: rgba(0, 255, 0, 0.5); cursor: Pointer"> <br><center>Target</center><br> </div> -<div style="position: absolute; left: 10px; top: 110px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; left: 10px; top: 110px; transform: translateZ(0);"> This test is successful if the rotated box labelled "Target" is covered in a green rectangle. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-pixel-rotated-link.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-pixel-rotated-link.html index 2e2796d..5767371 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-pixel-rotated-link.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-pixel-rotated-link.html @@ -4,13 +4,13 @@ <script src="../../resources/js-test.js"></script> </head> <body onload="runTest();"> -<div style="position: absolute; left: 40px; top: 40px; -webkit-transform: rotate(22.5deg)"> +<div style="position: absolute; left: 40px; top: 40px; transform: rotate(22.5deg)"> <a href="" id="link1">Link 1</a><br> <a href="" id="targetLink" style="-webkit-tap-highlight-color: rgba(0, 255, 0, 0.5);">Target Link.</a><br> <a href="" id="link2">Link 2</a> </div> </div> -<div style="position: absolute; left: 10px; top: 110px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; left: 10px; top: 110px; transform: translateZ(0);"> This test is successful if "Target Link" above is covered in a green rectangle with rounded corners. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-pixel-transparent.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-pixel-transparent.html index b0161db..9cfe24e 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-pixel-transparent.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-pixel-transparent.html @@ -8,7 +8,7 @@ <a href="" id="link1">Link 1</a><br> <a href="" id="targetLink" class="transparentHighlight">Target Link.</a><br> <a href="" id="link2">Link 2</a> -<div style="position: relative; left: 0px; top: 200px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 0px; top: 200px; transform: translateZ(0);"> This test is successful if "Target Link" above is covered in a transparent green rectangle with rounded corners. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-shadow-tree-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-shadow-tree-expected.html index 9e1bee7..2d9cc57 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-shadow-tree-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-shadow-tree-expected.html @@ -6,7 +6,7 @@ </head> <body onload="runTest();"> <div style="padding: 20px"> - <div id="targetLink" style="-webkit-transform: translateZ(0); margin:0px; padding: 0px; width: 320px;"> + <div id="targetLink" style="transform: translateZ(0); margin:0px; padding: 0px; width: 320px;"> <a href="#"><img id="targetImg" width="320" height="240" src="resources/dice.png"> </div> </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-shadow-tree.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-shadow-tree.html index f9e2f41..6846df1 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-shadow-tree.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-shadow-tree.html @@ -7,7 +7,7 @@ <a href="" id="targetLink" style="-webkit-tap-highlight-color: rgb(0, 255, 0)"><content></content></a> </template> -<div id="host" style="-webkit-transform: translateZ(0); padding: 20px;"> +<div id="host" style="transform: translateZ(0); padding: 20px;"> <img width="320" height="240" src="resources/dice.png"> </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-background-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-background-expected.html index 174bbb0c..bb1a343 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-background-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-background-expected.html @@ -4,7 +4,7 @@ <script src="../../resources/js-test.js"></script> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 40px"> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 40px"> <a href="" id="targetLink" style="-webkit-tap-highlight-color: rgba(0, 255, 0, 0.5)">Target Link.</a> </div> <div style="position: relative; left: 10px; top: 70px"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-background.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-background.html index 13978446..d65b67b 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-background.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-background.html @@ -4,7 +4,7 @@ <script src="../../resources/js-test.js"></script> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 40px"> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 40px"> <a href="" id="targetLink" style="-webkit-tap-highlight-color: rgba(0, 255, 0, 0.5)">Target Link.</a> </div> <div style="position: relative; left: 10px; top: 70px"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-body-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-body-expected.html index 174bbb0c..bb1a343 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-body-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-body-expected.html @@ -4,7 +4,7 @@ <script src="../../resources/js-test.js"></script> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 40px"> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 40px"> <a href="" id="targetLink" style="-webkit-tap-highlight-color: rgba(0, 255, 0, 0.5)">Target Link.</a> </div> <div style="position: relative; left: 10px; top: 70px"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-body.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-body.html index ac04320..ae4ba43 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-body.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-body.html @@ -4,7 +4,7 @@ <script src="../../resources/js-test.js"></script> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 40px"> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 40px"> <a href="" id="targetLink" style="-webkit-tap-highlight-color: rgba(0, 255, 0, 0.5)">Target Link.</a> </div> <div style="position: relative; left: 10px; top: 70px"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-cancel-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-cancel-expected.html index 3d60fc8..5955e7f 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-cancel-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-cancel-expected.html @@ -9,7 +9,7 @@ a { </style> </head> <body onload="runTest();" onclick="doNothing();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 40px"> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 40px"> <a href="" id="targetLink" style="-webkit-tap-highlight-color: rgba(0, 255, 0, 0.5)">Target Link.</a> </div> <div style="position: relative; left: 10px; top: 70px"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-cancel.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-cancel.html index da1f384..06b3fbe 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-cancel.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-cancel.html @@ -14,7 +14,7 @@ a, a:active { </style> </head> <body onload="runTest();" onclick="doNothing();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 40px"> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 40px"> <a href="" id="targetLink" style="-webkit-tap-highlight-color: rgba(0, 255, 0, 0.5)">Target Link.</a> </div> <div style="position: relative; left: 10px; top: 70px"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-cancel2-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-cancel2-expected.html index e6b6628..ef63173 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-cancel2-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-cancel2-expected.html @@ -4,7 +4,7 @@ <script src="../../resources/js-test.js"></script> </head> <body onload="runTest();" onclick="doNothing();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 40px"> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 40px"> <a href="" id="targetLink" style="-webkit-tap-highlight-color: rgba(0, 255, 0, 0.5)">Target Link.</a> </div> <div style="position: relative; left: 10px; top: 70px"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-cancel2.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-cancel2.html index e6b6628..ef63173 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-cancel2.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-cancel2.html @@ -4,7 +4,7 @@ <script src="../../resources/js-test.js"></script> </head> <body onload="runTest();" onclick="doNothing();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 40px"> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 40px"> <a href="" id="targetLink" style="-webkit-tap-highlight-color: rgba(0, 255, 0, 0.5)">Target Link.</a> </div> <div style="position: relative; left: 10px; top: 70px"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-absolute-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-absolute-expected.html index b2a8b0c..eb9622e 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-absolute-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-absolute-expected.html @@ -5,12 +5,12 @@ </head> <body onload="runTest();"> <div id="highlight" class="fauxHighlight" style="z-index: 1; position: absolute;"></div> -<div style="top: 10px; left: 10px; -webkit-transform: translateZ(0);"> +<div style="top: 10px; left: 10px; transform: translateZ(0);"> <div id="targetDiv" style="position: absolute; left: 50px; top: 50px; width: 50px; height: 50px; box-shadow: 0px 4px 23px 5px rgba(0, 0, 0, 0.2); border-style: solid; border-width: 2px;"> <br><center>Target</center><br> </div> </div> -<div style="position: absolute; left: 10px; top: 250px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; left: 10px; top: 250px; transform: translateZ(0);"> This test is successful if the box labelled "Target" has a green rectangle centered on it. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-absolute.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-absolute.html index c971cb1..a5c40b1 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-absolute.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-absolute.html @@ -5,12 +5,12 @@ <script src="resources/link-highlight-helper.js"></script> </head> <body onload="runTest();"> -<div style="top: 10px; left: 10px; -webkit-transform: translateZ(0);"> +<div style="top: 10px; left: 10px; transform: translateZ(0);"> <div class="opaqueHighlight" id="targetDiv" style="position: absolute; left: 50px; top: 50px; width: 50px; height: 50px; box-shadow: 0px 4px 23px 5px rgba(0, 0, 0, 0.2); border-style: solid; border-width: 2px; cursor: Pointer"> <br><center>Target</center><br> </div> </div> -<div style="position: absolute; left: 10px; top: 250px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; left: 10px; top: 250px; transform: translateZ(0);"> This test is successful if the box labelled "Target" has a green rectangle centered on it. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-expected.html index 20d14e9..5ea17af 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-expected.html @@ -9,7 +9,7 @@ <div id="targetDiv" style="position: relative; left: 50px; top: 50px; width: 50px; height: 50px; -webkit-box-shadow: 0px 4px 23px 5px rgba(0, 0, 0, 0.2); border-style: solid; border-width: 2px;"> <br><center>Target</center><br> </div> -<div style="position: absolute; left: 10px; top: 250px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; left: 10px; top: 250px; transform: translateZ(0);"> This test is successful if the box labelled "Target" has a green rectangle centered on it. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-expected.html index 8af4f14..afc6506 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-expected.html @@ -6,12 +6,12 @@ </head> <body onload="runTest();"> <div id="highlight" class="fauxHighlight" style="z-index: 1; position: absolute;"></div> -<div style="top: 10px; left: 10px; -webkit-transform: translateZ(0);"> +<div style="top: 10px; left: 10px; transform: translateZ(0);"> <div id="targetDiv" style="position: fixed; left: 50px; top: 50px; width: 50px; height: 50px; box-shadow: 0px 4px 23px 5px rgba(0, 0, 0, 0.2); border-style: solid; border-width: 2px;"> <br><center>Target</center><br> </div> </div> -<div style="position: absolute; left: 10px; top: 250px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; left: 10px; top: 250px; transform: translateZ(0);"> This test is successful if the box labelled "Target" has a green rectangle centered on it. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-nested-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-nested-expected.html index 436ca83..fbfc19b 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-nested-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-nested-expected.html @@ -7,12 +7,12 @@ </head> <body onload="runTest();"> <div id="highlight" class="fauxHighlight" style="z-index: 1; position: absolute;"></div> -<div style="position: absolute; top: 10px; left: 10px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; top: 10px; left: 10px; transform: translateZ(0);"> <div id="targetDiv" style="position: fixed; left: 50px; top: 50px; width: 50px; height: 50px; box-shadow: 0px 4px 23px 5px rgba(0, 0, 0, 0.2); border-style: solid; border-width: 2px;"> <br><center>Target</center><br> </div> </div> -<div style="position: absolute; left: 10px; top: 250px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; left: 10px; top: 250px; transform: translateZ(0);"> This test is successful if the box labelled "Target" has a green rectangle centered on it. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-nested.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-nested.html index 2e49b18..12f8a75 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-nested.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-nested.html @@ -7,12 +7,12 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="position: absolute; top: 10px; left: 10px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; top: 10px; left: 10px; transform: translateZ(0);"> <div class="opaqueHighlight" id="targetDiv" style="position: fixed; left: 50px; top: 50px; width: 50px; height: 50px; box-shadow: 0px 4px 23px 5px rgba(0, 0, 0, 0.2); border-style: solid; border-width: 2px; cursor: Pointer"> <br><center>Target</center><br> </div> </div> -<div style="position: absolute; left: 10px; top: 250px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; left: 10px; top: 250px; transform: translateZ(0);"> This test is successful if the box labelled "Target" has a green rectangle centered on it. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-nested2-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-nested2-expected.html index 58d785f..f37abc6 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-nested2-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-nested2-expected.html @@ -7,14 +7,14 @@ </head> <body onload="runTest();"> <div id="highlight" class="fauxHighlight" style="z-index: 1; position: absolute;"></div> -<div style="position: absolute; top: 10px; left: 10px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; top: 10px; left: 10px; transform: translateZ(0);"> <div style="position: relative; top: 10px; left: 25px;"> <div id="targetDiv" style="position: fixed; left: 50px; top: 50px; width: 50px; height: 50px; box-shadow: 0px 4px 23px 5px rgba(0, 0, 0, 0.2); border-style: solid; border-width: 2px;"> <br><center>Target</center><br> </div> </div> </div> -<div style="position: absolute; left: 10px; top: 250px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; left: 10px; top: 250px; transform: translateZ(0);"> This test is successful if the box labelled "Target" has a green rectangle centered on it. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-nested2.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-nested2.html index 383e32c..dd34e28 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-nested2.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed-nested2.html @@ -7,14 +7,14 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="position: absolute; top: 10px; left: 10px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; top: 10px; left: 10px; transform: translateZ(0);"> <div style="position: relative; top: 10px; left: 25px;"> <div class="opaqueHighlight" id="targetDiv" style="position: fixed; left: 50px; top: 50px; width: 50px; height: 50px; box-shadow: 0px 4px 23px 5px rgba(0, 0, 0, 0.2); border-style: solid; border-width: 2px; cursor: Pointer"> <br><center>Target</center><br> </div> </div> </div> -<div style="position: absolute; left: 10px; top: 250px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; left: 10px; top: 250px; transform: translateZ(0);"> This test is successful if the box labelled "Target" has a green rectangle centered on it. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed.html index f47165a..636bc59 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-fixed.html @@ -6,12 +6,12 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="top: 10px; left: 10px; -webkit-transform: translateZ(0);"> +<div style="top: 10px; left: 10px; transform: translateZ(0);"> <div class="opaqueHighlight" id="targetDiv" style="position: fixed; left: 50px; top: 50px; width: 50px; height: 50px; box-shadow: 0px 4px 23px 5px rgba(0, 0, 0, 0.2); border-style: solid; border-width: 2px; cursor: Pointer"> <br><center>Target</center><br> </div> </div> -<div style="position: absolute; left: 10px; top: 250px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; left: 10px; top: 250px; transform: translateZ(0);"> This test is successful if the box labelled "Target" has a green rectangle centered on it. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-static-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-static-expected.html index db25f40..8083624 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-static-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-static-expected.html @@ -6,12 +6,12 @@ </head> <body onload="runTest();"> <div id="highlight" class="fauxHighlight" style="z-index: 1; position: absolute;"></div> -<div style="top: 10px; left: 10px; -webkit-transform: translateZ(0);"> +<div style="top: 10px; left: 10px; transform: translateZ(0);"> <div id="targetDiv" style="position: static; left: 50px; top: 50px; width: 50px; height: 50px; box-shadow: 0px 4px 23px 5px rgba(0, 0, 0, 0.2); border-style: solid; border-width: 2px;"> <br><center>Target</center><br> </div> </div> -<div style="position: absolute; left: 10px; top: 250px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; left: 10px; top: 250px; transform: translateZ(0);"> This test is successful if the box labelled "Target" has a green rectangle centered on it. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-static.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-static.html index 673f7a7..f3147b9 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-static.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-static.html @@ -6,12 +6,12 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="top: 10px; left: 10px; -webkit-transform: translateZ(0);"> +<div style="top: 10px; left: 10px; transform: translateZ(0);"> <div class="opaqueHighlight" id="targetDiv" style="position: static; left: 50px; top: 50px; width: 50px; height: 50px; box-shadow: 0px 4px 23px 5px rgba(0, 0, 0, 0.2); border-style: solid; border-width: 2px; cursor: Pointer"> <br><center>Target</center><br> </div> </div> -<div style="position: absolute; left: 10px; top: 250px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; left: 10px; top: 250px; transform: translateZ(0);"> This test is successful if the box labelled "Target" has a green rectangle centered on it. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow.html index 9788626..55bd81d 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow.html @@ -9,7 +9,7 @@ <div class="opaqueHighlight" id="targetDiv" style="position: relative; left: 50px; top: 50px; width: 50px; height: 50px; -webkit-box-shadow: 0px 4px 23px 5px rgba(0, 0, 0, 0.2); border-style: solid; border-width: 2px; cursor: Pointer"> <br><center>Target</center><br> </div> -<div style="position: absolute; left: 10px; top: 250px; -webkit-transform: translateZ(0);"> +<div style="position: absolute; left: 10px; top: 250px; transform: translateZ(0);"> This test is successful if the box labelled "Target" has a green rectangle centered on it. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-expected.html index 301f789..c9f34de 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-expected.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10; top: 40"> +<div style="transform: translateZ(0); position: relative; left: 10; top: 40"> <span class="fauxHighlight" href="" id="targetLink">Target Link.</span> </div> <div style="position: relative; left: 10; top: 70"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-longPress-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-longPress-expected.html index 9784fe1..b52a6a4 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-longPress-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-longPress-expected.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="link-highlight-style.css"> </head> <body onload="runTest();" onclick="doNothing();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 40px"> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 40px"> <a href="" id="targetLink">Target Link.</a> </div> <div style="position: relative; left: 10px; top: 70px"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-longPress.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-longPress.html index 4142ede..164c150 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-longPress.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-longPress.html @@ -4,7 +4,7 @@ <script src="../../resources/js-test.js"></script> </head> <body onload="runTest();" onclick="doNothing();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 40px"> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 40px"> <a href="" id="targetLink" style="-webkit-tap-highlight-color: rgba(0, 255, 0, 0.5)">Target Link.</a> </div> <div style="position: relative; left: 10px; top: 70px"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-margin-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-margin-expected.html index 0185dfe..2554476 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-margin-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-margin-expected.html @@ -11,7 +11,7 @@ function runTest() { </script> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10; top: 40"> +<div style="transform: translateZ(0); position: relative; left: 10; top: 40"> <span class="fauxHighlight" id="targetLink">Target Link.</span> </div> <div style="position: relative; left: 10; top: 70"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-margin.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-margin.html index 065d957..a2508aa 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-margin.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-margin.html @@ -26,7 +26,7 @@ function runTest() { </script> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10; top: 40"> +<div style="transform: translateZ(0); position: relative; left: 10; top: 40"> <a class="opaqueHighlight" href="" id="targetLink">Target Link.</a> </div> <div style="position: relative; left: 10; top: 70"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-multi-line-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-multi-line-expected.html index 1e44a00..c7499e0 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-multi-line-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-multi-line-expected.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10; top: 40"> +<div style="transform: translateZ(0); position: relative; left: 10; top: 40"> <span class="fauxHighlightSquare" href="" id="targetLink">Long Target<br>Link.</a> </div> <div style="position: relative; left: 10; top: 70"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-multi-line.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-multi-line.html index fcb3af7..d87c293 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-multi-line.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-multi-line.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10; top: 40"> +<div style="transform: translateZ(0); position: relative; left: 10; top: 40"> <a class="opaqueHighlight" href="" id="targetLink">Long Target<br>Link.</a> </div> <div style="position: relative; left: 10; top: 70"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-navigate-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-navigate-expected.html index 67e3bb0..72d3404 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-navigate-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-navigate-expected.html @@ -1,7 +1,7 @@ <!DOCTYPE html> <html> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 40px"> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 40px"> <div style="position: relative; left: 10px; top: 70px"> This test is successful if no green rectangles are visible. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-navigate.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-navigate.html index 4bb12eb..10036f0 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-navigate.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-navigate.html @@ -7,7 +7,7 @@ <!-- For this test to work, must put the translateZ(0) on a div other than the one containing the highlighted link. This will force the highlight into the non-composited content host, which may survive the navigation. --> -<div style="position: relative; left: 10px; top: 70px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 70px; transform: translateZ(0);"> This test is not successful if this message appears. </div> <script src="../../resources/run-after-display.js"></script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-nested-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-nested-expected.html index 21b7faf..69e8f13 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-nested-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-nested-expected.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10; top: 40"> +<div style="transform: translateZ(0); position: relative; left: 10; top: 40"> <span class="fauxHighlightSquare" href="" id="targetLink">Target <b id="nestedText">Nested</b> Link.</span> </div> <div style="position: relative; left: 10; top: 70"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-nested.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-nested.html index 80d680d..031a107 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-nested.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-nested.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10; top: 40"> +<div style="transform: translateZ(0); position: relative; left: 10; top: 40"> <a class="opaqueHighlight" href="" id="targetLink">Target <b id="nestedText">Nested</b> Link.</a> </div> <div style="position: relative; left: 10; top: 70"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaled-document-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaled-document-expected.html index fa3eafc..26b231a 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaled-document-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaled-document-expected.html @@ -14,7 +14,7 @@ <div style="position: relative; left: 10; top: 40"> <a href="" id="targetLink" class="activeLink">Target Link.</a> </div> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10; top: 70"> +<div style="transform: translateZ(0); position: relative; left: 10; top: 70"> This test is successful if "Target Link" above is covered in a green rectangle with square corners. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaled-document.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaled-document.html index 1301328..c976001 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaled-document.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaled-document.html @@ -14,7 +14,7 @@ <div style="position: relative; left: 10; top: 40"> <a href="" id="targetLink" class="opaqueHighlight">Target Link.</a> </div> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10; top: 70"> +<div style="transform: translateZ(0); position: relative; left: 10; top: 70"> This test is successful if "Target Link" above is covered in a green rectangle with square corners. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaledX-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaledX-expected.html index 12d2baa..78f693c 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaledX-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaledX-expected.html @@ -6,13 +6,13 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: scaleX(2.5); position: absolute; left: 80px; top: 40px;"> +<div style="transform: scaleX(2.5); position: absolute; left: 80px; top: 40px;"> <a href="" id="link1">Link 1</a></br> <a href="" id="targetLink" class="activeLink">Target Link.</a><br> <a href="" id="link2">Link 2</a> </div> </div> -<div style="position: relative; left: 10px; top: 200px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 200px; transform: translateZ(0);"> This test is successful if "Target Link" above is covered in a green rectangle with square corners. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaledX.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaledX.html index 1af3e20..78e04a2 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaledX.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaledX.html @@ -6,13 +6,13 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: scaleX(2.5); position: absolute; left: 80px; top: 40px;"> +<div style="transform: scaleX(2.5); position: absolute; left: 80px; top: 40px;"> <a href="" id="link1">Link 1</a></br> <a href="" id="targetLink" class="opaqueHighlight">Target Link.</a><br> <a href="" id="link2">Link 2</a> </div> </div> -<div style="position: relative; left: 10px; top: 200px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 200px; transform: translateZ(0);"> This test is successful if "Target Link" above is covered in a green rectangle with square corners. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaledY-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaledY-expected.html index e40983d..5b599b2 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaledY-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaledY-expected.html @@ -7,14 +7,14 @@ </head> <body onload="runTest();"> <div id="container" style="position: absolute; left: 40px; top: 80px;"> - <div style="-webkit-transform: scaleY(2.5);"> + <div style="transform: scaleY(2.5);"> <a href="" id="link1">Link 1</a></br> <a href="" class="activeLink" href="" id="targetLink">Target Link.</a><br> <a href="" id="link2">Link 2</a> </div> </div> </div> -<div style="position: relative; left: 10px; top: 200px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 200px; transform: translateZ(0);"> This test is successful if "Target Link" above is covered in a green rectangle with square corners. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaledY.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaledY.html index bf3f593..6b9855a 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaledY.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-scaledY.html @@ -6,13 +6,13 @@ <script src="../../resources/js-test.js"></script> </head> <body onload="runTest();"> -<div style="-webkit-transform: scaleY(2.5); position: absolute; left: 40px; top: 80px;"> +<div style="transform: scaleY(2.5); position: absolute; left: 40px; top: 80px;"> <a href="" id="link1">Link 1</a></br> <a class="opaqueHighlight" href="" id="targetLink">Target Link.</a><br> <a href="" id="link2">Link 2</a> </div> </div> -<div style="position: relative; left: 10px; top: 200px; -webkit-transform: translateZ(0);"> +<div style="position: relative; left: 10px; top: 200px; transform: translateZ(0);"> This test is successful if "Target Link" above is covered in a green rectangle with square corners. </div> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-window-scroll-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-window-scroll-expected.html index eb52e1f..64bcfb3 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-window-scroll-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-window-scroll-expected.html @@ -5,7 +5,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); width=1600px; height: 1000px"> +<div style="transform: translateZ(0); width=1600px; height: 1000px"> <div style="position: relative; left: 100; top: 50;"> <a href="">Link 1</a></br> <a href="">Link 2</a></br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-window-scroll.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-window-scroll.html index cb76d17..f2bbd11 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-window-scroll.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-window-scroll.html @@ -6,7 +6,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); width=1600px; height: 1000px"> +<div style="transform: translateZ(0); width=1600px; height: 1000px"> <div style="position: relative; left: 100; top: 50;"> <a href="">Link 1</a></br> <a href="">Link 2</a></br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple.html index aaabee5..31c4694 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-simple.html @@ -6,7 +6,7 @@ <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> </head> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10; top: 40"> +<div style="transform: translateZ(0); position: relative; left: 10; top: 40"> <a class="opaqueHighlight" href="" id="targetLink">Target Link.</a> </div> <div style="position: relative; left: 10; top: 70"> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/resources/1-frame-composited-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/resources/1-frame-composited-expected.html index 1fe81f7..687dc8d 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/resources/1-frame-composited-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/resources/1-frame-composited-expected.html @@ -3,7 +3,7 @@ <link rel="stylesheet" type="text/css" href="link-highlight-style.css"> </head> <body> -<div id="divToControlCompositing" style="-webkit-transform: translateZ(0);"> +<div id="divToControlCompositing" style="transform: translateZ(0);"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> <a href="">Link 3</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/resources/1-frame-composited.html b/third_party/WebKit/LayoutTests/compositing/gestures/resources/1-frame-composited.html index da5bfa2..312d998 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/resources/1-frame-composited.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/resources/1-frame-composited.html @@ -3,7 +3,7 @@ <link rel="stylesheet" type="text/css" href="link-highlight-style.css"> </head> <body> -<div id="divToControlCompositing" style="-webkit-transform: translateZ(0);"> +<div id="divToControlCompositing" style="transform: translateZ(0);"> <a href="">Link 1</a><br> <a href="">Link 2</a><br> <a href="">Link 3</a><br> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/resources/1-nested-frame-composited-expected.html b/third_party/WebKit/LayoutTests/compositing/gestures/resources/1-nested-frame-composited-expected.html index 7444e5a..3d482a9 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/resources/1-nested-frame-composited-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/resources/1-nested-frame-composited-expected.html @@ -1,6 +1,6 @@ <!DOCTYPE html> <head></head> <body> -<iframe src="1-frame-noncomposited-expected.html" id="targetFrame" style="width: 400px; height: 200px; -webkit-transform: translateZ(0);"></iframe> +<iframe src="1-frame-noncomposited-expected.html" id="targetFrame" style="width: 400px; height: 200px; transform: translateZ(0);"></iframe> </body> </html> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/resources/1-nested-frame-composited.html b/third_party/WebKit/LayoutTests/compositing/gestures/resources/1-nested-frame-composited.html index 7dbacf5..6db4472 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/resources/1-nested-frame-composited.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/resources/1-nested-frame-composited.html @@ -1,6 +1,6 @@ <!DOCTYPE html> <head></head> <body> -<iframe src="1-frame-noncomposited.html" id="targetFrame" style="width: 400px; height: 200px; -webkit-transform: translateZ(0);"></iframe> +<iframe src="1-frame-noncomposited.html" id="targetFrame" style="width: 400px; height: 200px; transform: translateZ(0);"></iframe> </body> </html> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/resources/gesture-tapHighlight-simple-navigate-destination.html b/third_party/WebKit/LayoutTests/compositing/gestures/resources/gesture-tapHighlight-simple-navigate-destination.html index 67e3bb0..72d3404 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/resources/gesture-tapHighlight-simple-navigate-destination.html +++ b/third_party/WebKit/LayoutTests/compositing/gestures/resources/gesture-tapHighlight-simple-navigate-destination.html @@ -1,7 +1,7 @@ <!DOCTYPE html> <html> <body onload="runTest();"> -<div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 40px"> +<div style="transform: translateZ(0); position: relative; left: 10px; top: 40px"> <div style="position: relative; left: 10px; top: 70px"> This test is successful if no green rectangles are visible. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/resources/link-highlight-style.css b/third_party/WebKit/LayoutTests/compositing/gestures/resources/link-highlight-style.css index 1256974..9841dfe 100644 --- a/third_party/WebKit/LayoutTests/compositing/gestures/resources/link-highlight-style.css +++ b/third_party/WebKit/LayoutTests/compositing/gestures/resources/link-highlight-style.css @@ -56,5 +56,5 @@ a.needsFix:active { } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/become-composited-nested-iframes.html b/third_party/WebKit/LayoutTests/compositing/iframes/become-composited-nested-iframes.html index 1ba54bc..5d185c5 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/become-composited-nested-iframes.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/become-composited-nested-iframes.html @@ -16,7 +16,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } iframe { diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/composited-iframe-scroll.html b/third_party/WebKit/LayoutTests/compositing/iframes/composited-iframe-scroll.html index 042e3ba..78df5e8 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/composited-iframe-scroll.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/composited-iframe-scroll.html @@ -13,13 +13,13 @@ margin: 10px; padding: 10px; border: none; - -webkit-transform: translateX(100px); + transform: translateX(100px); } .container { position: absolute; top: 100px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #indicator { diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/composited-parent-iframe.html b/third_party/WebKit/LayoutTests/compositing/iframes/composited-parent-iframe.html index 5c634e2..c8686f0 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/composited-parent-iframe.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/composited-parent-iframe.html @@ -9,7 +9,7 @@ height: 150px; width: 300px; -webkit-box-shadow: 0 0 20px black; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe-delayed.html b/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe-delayed.html index cb28b57..64206e2 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe-delayed.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe-delayed.html @@ -20,7 +20,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe.html b/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe.html index c26bffb..8474e4f7 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe.html @@ -11,7 +11,7 @@ height: 150px; width: 300px; -webkit-box-shadow: 0 0 20px black; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .overlay { diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe2.html b/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe2.html index c0ec3d7..0a95c20 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe2.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe2.html @@ -11,7 +11,7 @@ height: 150px; width: 300px; -webkit-box-shadow: 0 0 20px black; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .overlay { diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe3.html b/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe3.html index c14a703..1d9d8e3 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe3.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe3.html @@ -14,7 +14,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/iframe-content-flipping.html b/third_party/WebKit/LayoutTests/compositing/iframes/iframe-content-flipping.html index 37949e7..edcb443 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/iframe-content-flipping.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/iframe-content-flipping.html @@ -11,7 +11,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/iframe-copy-on-scroll.html b/third_party/WebKit/LayoutTests/compositing/iframes/iframe-copy-on-scroll.html index 7991172..59350cc 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/iframe-copy-on-scroll.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/iframe-copy-on-scroll.html @@ -9,7 +9,7 @@ } .composited { position: absolute; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/iframe-in-composited-layer.html b/third_party/WebKit/LayoutTests/compositing/iframes/iframe-in-composited-layer.html index d720075..06ee898 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/iframe-in-composited-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/iframe-in-composited-layer.html @@ -3,7 +3,7 @@ <i><a href="https://bugs.webkit.org/show_bug.cgi?id=38427">https://bugs.webkit.org/show_bug.cgi?id=38427</a> <rdar://problem/7932072> Iframes in composited layers don’t repaint correctly (affects Yahoo! Mail with Flash Player 10.1)</i>. <--> -<div style="-webkit-transform: translateZ(0); width: 400px; height: 400px; background-color: lightyellow;"> +<div style="transform: translateZ(0); width: 400px; height: 400px; background-color: lightyellow;"> <iframe id="frame" style="width: 380px; height: 380px; border: solid; margin: 7px" src="data:text/html, <html style='height: 900px; width: 900px; position: relative;'> <body> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/invisible-iframe.html b/third_party/WebKit/LayoutTests/compositing/iframes/invisible-iframe.html index 1503325..9b5cec9 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/invisible-iframe.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/invisible-iframe.html @@ -16,11 +16,11 @@ margin: 10px; padding: 5px; background-color: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); overflow:hidden; } .box:hover { - -webkit-transform: none; + transform: none; } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/invisible-nested-iframe-hide.html b/third_party/WebKit/LayoutTests/compositing/iframes/invisible-nested-iframe-hide.html index bf8991c..344ca70 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/invisible-nested-iframe-hide.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/invisible-nested-iframe-hide.html @@ -17,11 +17,11 @@ margin: 10px; padding: 5px; background-color: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); overflow:hidden; } .box:hover { - -webkit-transform: none; + transform: none; } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/invisible-nested-iframe-show.html b/third_party/WebKit/LayoutTests/compositing/iframes/invisible-nested-iframe-show.html index b09ae27..dff0394 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/invisible-nested-iframe-show.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/invisible-nested-iframe-show.html @@ -17,11 +17,11 @@ margin: 10px; padding: 5px; background-color: blue; - -webkit-transform: translateZ(1px); + transform: translateZ(1px); overflow:hidden; } .box:hover { - -webkit-transform: none; + transform: none; } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/invisible-nested-iframe.html b/third_party/WebKit/LayoutTests/compositing/iframes/invisible-nested-iframe.html index c625b95..923e1d5 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/invisible-nested-iframe.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/invisible-nested-iframe.html @@ -16,11 +16,11 @@ margin: 10px; padding: 5px; background-color: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); overflow:hidden; } .box:hover { - -webkit-transform: none; + transform: none; } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/nested-iframe-scrolling.html b/third_party/WebKit/LayoutTests/compositing/iframes/nested-iframe-scrolling.html index b803e68..568e727 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/nested-iframe-scrolling.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/nested-iframe-scrolling.html @@ -7,7 +7,7 @@ iframe { width: 320px; height: 200px; - -webkit-transform: translateZ(0); + transform: translateZ(0); border: none; } diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/remove-iframe-crash.html b/third_party/WebKit/LayoutTests/compositing/iframes/remove-iframe-crash.html index 129760a..c3e8d9a 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/remove-iframe-crash.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/remove-iframe-crash.html @@ -10,7 +10,7 @@ height: 150px; width: 300px; -webkit-box-shadow: 0 0 20px black; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .overlay { diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/repaint-after-losing-scrollbars.html b/third_party/WebKit/LayoutTests/compositing/iframes/repaint-after-losing-scrollbars.html index a3b2f7c..e608ce7 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/repaint-after-losing-scrollbars.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/repaint-after-losing-scrollbars.html @@ -3,7 +3,7 @@ <!-- Tests that overflow controls are repainted after compositing is disabled. There should be three green squares and no visible overflow controls --> <style> .composited { --webkit-transform:translateZ(0); +transform:translateZ(0); } .container { diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/resizer.html b/third_party/WebKit/LayoutTests/compositing/iframes/resizer.html index ebf7b4d..3611c08 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/resizer.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/resizer.html @@ -1,7 +1,7 @@ <!DOCTYPE html> <style> .container { - -webkit-transform: translateZ(0); + transform: translateZ(0); resize: both; } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/resources/ancestor-clipping-layer-subframe.html b/third_party/WebKit/LayoutTests/compositing/iframes/resources/ancestor-clipping-layer-subframe.html index 6ed213d..276eb36 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/resources/ancestor-clipping-layer-subframe.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/resources/ancestor-clipping-layer-subframe.html @@ -4,7 +4,7 @@ width: 300px; height: 150px; background: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <div class="composited"></div> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/resources/composited-red.html b/third_party/WebKit/LayoutTests/compositing/iframes/resources/composited-red.html index a604162..f050b91 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/resources/composited-red.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/resources/composited-red.html @@ -6,7 +6,7 @@ background-color: red; } #trigger { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/resources/composited-subframe.html b/third_party/WebKit/LayoutTests/compositing/iframes/resources/composited-subframe.html index 4a4f53e..92b3b7f 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/resources/composited-subframe.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/resources/composited-subframe.html @@ -11,11 +11,11 @@ margin: 10px; padding: 5px; background-color: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); overflow:hidden; } .box:hover { - -webkit-transform: none; + transform: none; } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/resources/enter-compositing-subframe.html b/third_party/WebKit/LayoutTests/compositing/iframes/resources/enter-compositing-subframe.html index cbb1643..74a6932 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/resources/enter-compositing-subframe.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/resources/enter-compositing-subframe.html @@ -14,7 +14,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/resources/fixed-position-subframe.html b/third_party/WebKit/LayoutTests/compositing/iframes/resources/fixed-position-subframe.html index 7c92bb4..1641a0c 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/resources/fixed-position-subframe.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/resources/fixed-position-subframe.html @@ -9,7 +9,7 @@ } #trigger { - -webkit-transform:translateZ(0); + transform:translateZ(0); } #overlap { diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/resources/large-composited-subframe.html b/third_party/WebKit/LayoutTests/compositing/iframes/resources/large-composited-subframe.html index 489890b..17d3b18 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/resources/large-composited-subframe.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/resources/large-composited-subframe.html @@ -14,10 +14,10 @@ width: 200px; margin: 100px; background-color: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .box:hover { - -webkit-transform: none; + transform: none; } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/resources/leave-compositing-subframe-click.html b/third_party/WebKit/LayoutTests/compositing/iframes/resources/leave-compositing-subframe-click.html index 281a253..904977d8 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/resources/leave-compositing-subframe-click.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/resources/leave-compositing-subframe-click.html @@ -15,7 +15,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/resources/red-green-subframe.html b/third_party/WebKit/LayoutTests/compositing/iframes/resources/red-green-subframe.html index 715386f..47a3126 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/resources/red-green-subframe.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/resources/red-green-subframe.html @@ -10,10 +10,10 @@ .box { height: 200px; width: 200px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .box:hover { - -webkit-transform: none; + transform: none; } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/resources/repaint-after-losing-scrollbars-iframe.html b/third_party/WebKit/LayoutTests/compositing/iframes/resources/repaint-after-losing-scrollbars-iframe.html index 4036b8dce..a02d595 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/resources/repaint-after-losing-scrollbars-iframe.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/resources/repaint-after-losing-scrollbars-iframe.html @@ -1,7 +1,7 @@ <!DOCTYPE html> <style> body { --webkit-transform:translateZ(0); +transform:translateZ(0); width:10px; height:10px; position:absolute; diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/resources/scrollgrandchild-grandparent.html b/third_party/WebKit/LayoutTests/compositing/iframes/resources/scrollgrandchild-grandparent.html index 17e841b..6758320 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/resources/scrollgrandchild-grandparent.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/resources/scrollgrandchild-grandparent.html @@ -2,14 +2,14 @@ <head> <style> #trigger { - -webkit-transform:translateZ(0); + transform:translateZ(0); } #parent { width: 350px; height: 450px; border: none; position: absolute; - -webkit-transform: translate(200px, 0px); + transform: translate(200px, 0px); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/iframes/resources/scrollgrandchild-parent.html b/third_party/WebKit/LayoutTests/compositing/iframes/resources/scrollgrandchild-parent.html index 0f456cf..f39c4ee 100644 --- a/third_party/WebKit/LayoutTests/compositing/iframes/resources/scrollgrandchild-parent.html +++ b/third_party/WebKit/LayoutTests/compositing/iframes/resources/scrollgrandchild-parent.html @@ -5,7 +5,7 @@ width: 150px; height: 300px; border: none; - -webkit-transform: translate(100px, 100px); + transform: translate(100px, 100px); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/images/clip-on-directly-composited-image.html b/third_party/WebKit/LayoutTests/compositing/images/clip-on-directly-composited-image.html index 58658de..b04b411a 100644 --- a/third_party/WebKit/LayoutTests/compositing/images/clip-on-directly-composited-image.html +++ b/third_party/WebKit/LayoutTests/compositing/images/clip-on-directly-composited-image.html @@ -12,7 +12,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); left: 200px; } diff --git a/third_party/WebKit/LayoutTests/compositing/images/content-image-change.html b/third_party/WebKit/LayoutTests/compositing/images/content-image-change.html index 72c8acf..83ecf2f 100644 --- a/third_party/WebKit/LayoutTests/compositing/images/content-image-change.html +++ b/third_party/WebKit/LayoutTests/compositing/images/content-image-change.html @@ -7,7 +7,7 @@ #image { width: 200px; height: 200px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/images/content-image.html b/third_party/WebKit/LayoutTests/compositing/images/content-image.html index a86e2ff..0067ab4 100644 --- a/third_party/WebKit/LayoutTests/compositing/images/content-image.html +++ b/third_party/WebKit/LayoutTests/compositing/images/content-image.html @@ -4,7 +4,7 @@ <style type="text/css" media="screen"> .box { content: url('../resources/alpha-gradient-small.png'); - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/images/direct-image-background-color.html b/third_party/WebKit/LayoutTests/compositing/images/direct-image-background-color.html index d4bafcb..e0e8dc2 100644 --- a/third_party/WebKit/LayoutTests/compositing/images/direct-image-background-color.html +++ b/third_party/WebKit/LayoutTests/compositing/images/direct-image-background-color.html @@ -18,7 +18,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/images/direct-image-clip-path.html b/third_party/WebKit/LayoutTests/compositing/images/direct-image-clip-path.html index 33d027b..c5e7cb0 100644 --- a/third_party/WebKit/LayoutTests/compositing/images/direct-image-clip-path.html +++ b/third_party/WebKit/LayoutTests/compositing/images/direct-image-clip-path.html @@ -2,7 +2,7 @@ <html> <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); -webkit-clip-path: circle(45%); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-border-draws-content.html b/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-border-draws-content.html index 800e3c4..cd6eb53 100644 --- a/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-border-draws-content.html +++ b/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-border-draws-content.html @@ -3,7 +3,7 @@ <head> <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .border { border: 2px solid blue; diff --git a/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-border-radius-expected.html b/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-border-radius-expected.html index 6c73a32..c654f74 100644 --- a/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-border-radius-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-border-radius-expected.html @@ -2,7 +2,7 @@ <html> <style> .border { - -webkit-transform: translateZ(0); + transform: translateZ(0); border-radius: 50%; } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-border-radius.html b/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-border-radius.html index 54436e5..70219e0 100644 --- a/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-border-radius.html +++ b/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-border-radius.html @@ -2,7 +2,7 @@ <html> <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .border-radius { border-radius: 50%; diff --git a/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-clip-path.html b/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-clip-path.html index 407dd06..064a134 100644 --- a/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-clip-path.html +++ b/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-clip-path.html @@ -2,7 +2,7 @@ <html> <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .clip-path { -webkit-clip-path: circle(45%); diff --git a/third_party/WebKit/LayoutTests/compositing/images/direct-pdf-image.html b/third_party/WebKit/LayoutTests/compositing/images/direct-pdf-image.html index 7a9ad15..0914456 100644 --- a/third_party/WebKit/LayoutTests/compositing/images/direct-pdf-image.html +++ b/third_party/WebKit/LayoutTests/compositing/images/direct-pdf-image.html @@ -15,7 +15,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } #indicator { diff --git a/third_party/WebKit/LayoutTests/compositing/images/direct-svg-image.html b/third_party/WebKit/LayoutTests/compositing/images/direct-svg-image.html index 480632d..028a3b8 100644 --- a/third_party/WebKit/LayoutTests/compositing/images/direct-svg-image.html +++ b/third_party/WebKit/LayoutTests/compositing/images/direct-svg-image.html @@ -15,7 +15,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } #indicator { diff --git a/third_party/WebKit/LayoutTests/compositing/images/truncated-direct-png-image.html b/third_party/WebKit/LayoutTests/compositing/images/truncated-direct-png-image.html index cdd38c7..3bce279 100644 --- a/third_party/WebKit/LayoutTests/compositing/images/truncated-direct-png-image.html +++ b/third_party/WebKit/LayoutTests/compositing/images/truncated-direct-png-image.html @@ -2,7 +2,7 @@ <head> <style type="text/css"> #image { - -webkit-transform: translateZ(0); + transform: translateZ(0); -webkit-transform-origin: 0 0; } diff --git a/third_party/WebKit/LayoutTests/compositing/img-layer-grow.html b/third_party/WebKit/LayoutTests/compositing/img-layer-grow.html index 55cf46d..66e66c8 100644 --- a/third_party/WebKit/LayoutTests/compositing/img-layer-grow.html +++ b/third_party/WebKit/LayoutTests/compositing/img-layer-grow.html @@ -26,7 +26,7 @@ </head> <body> <div id="div"> - <img id="image" src="resources/apple.jpg" style="-webkit-transform: translateZ(0);"> + <img id="image" src="resources/apple.jpg" style="transform: translateZ(0);"> </div> </body> </html> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/animation-overlap-with-children.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/animation-overlap-with-children.html index 6289c6b..ac1716d 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/animation-overlap-with-children.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/animation-overlap-with-children.html @@ -44,12 +44,12 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } @-webkit-keyframes slide { - from { -webkit-transform: none; } - to { -webkit-transform: translateX(100px); } + from { transform: none; } + to { transform: translateX(100px); } } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/backing-requirement-changes-expected.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/backing-requirement-changes-expected.html index 42b8bdc..ce846f0 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/backing-requirement-changes-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/backing-requirement-changes-expected.html @@ -13,7 +13,7 @@ } #inner { - -webkit-transform: translateZ(0); + transform: translateZ(0); background-color: blue; } @@ -21,7 +21,7 @@ width: 500px; height: 500px; background-color: yellow; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/backing-requirement-changes.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/backing-requirement-changes.html index 1de5c2e..a1adbd2 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/backing-requirement-changes.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/backing-requirement-changes.html @@ -13,7 +13,7 @@ } #inner { - -webkit-transform: translateZ(0); + transform: translateZ(0); background-color: blue; } @@ -21,7 +21,7 @@ width: 500px; height: 500px; background-color: yellow; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript"> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-and-transform.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-and-transform.html index f4569e0..c316a12 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-and-transform.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-and-transform.html @@ -13,7 +13,7 @@ position: fixed; left: 100px; top: 100px; - -webkit-transform:translateZ(0); + transform:translateZ(0); } #overlap { diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-body-mismatch-containers.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-body-mismatch-containers.html index 1b34092..cf61ae31 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-body-mismatch-containers.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-body-mismatch-containers.html @@ -38,7 +38,7 @@ } .composited { - -webkit-transform: translatez(0); + transform: translatez(0); } .scrollable { diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-body-overlap.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-body-overlap.html index e659c40..a37dcb4 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-body-overlap.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-body-overlap.html @@ -33,7 +33,7 @@ } .composited { - -webkit-transform: translatez(0); + transform: translatez(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-body.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-body.html index a87fe31..154c41d 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-body.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-body.html @@ -33,7 +33,7 @@ } .composited { - -webkit-transform: translatez(0); + transform: translatez(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-iframes-in-scrollable-page.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-iframes-in-scrollable-page.html index ba48eaa..650f9dd 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-iframes-in-scrollable-page.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-iframes-in-scrollable-page.html @@ -3,7 +3,7 @@ <head> <style> .composited { - -webkit-transform: translatez(0); + transform: translatez(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-out-of-view-positioning.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-out-of-view-positioning.html index efb40d0..d2f7b97 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-out-of-view-positioning.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-out-of-view-positioning.html @@ -15,7 +15,7 @@ .positionedAndTransformed { left: 20px; top: -80px; - -webkit-transform: translateY(100px); + transform: translateY(100px); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-scroll.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-scroll.html index 96b67f1..64d7e04 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-scroll.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-scroll.html @@ -28,7 +28,7 @@ margin: 64px 0px 1920px 0px; width: 100%; height: 40px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script src="../../resources/run-after-display.js"></script> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-under-transform.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-under-transform.html index 72c62af..3e789f3 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-under-transform.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-under-transform.html @@ -10,7 +10,7 @@ #transform { z-index: 0; /* transform establishes a fixed pos container, so translate to make up for scroll offset so indicator is still underneath overlap */ - -webkit-transform:translate3d(0px, 1000px, 0px); + transform:translate3d(0px, 1000px, 0px); } #indicator { diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/incremental-destruction-expected.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/incremental-destruction-expected.html index 9f225be..1c1c42a 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/incremental-destruction-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/incremental-destruction-expected.html @@ -6,5 +6,5 @@ </style> <div id="target" style="width: 500px; height: 500px; background-color: blue;"></div> <div style="width: 300px; height: 300px; position: absolute; left: 20px; top: 400px; background-color: purple; z-index:1000"> - <div style="width:100px; height:100px; position:relative; left:10px; top:10px; -webkit-transform:translateZ(0); background-color:yellow"></div> + <div style="width:100px; height:100px; position:relative; left:10px; top:10px; transform:translateZ(0); background-color:yellow"></div> </div> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/incremental-destruction.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/incremental-destruction.html index 5cb7a51..75d6d48 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/incremental-destruction.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/incremental-destruction.html @@ -31,5 +31,5 @@ window.addEventListener('load', function() { </script> <div id="target" class="dim" style="width: 500px; height: 500px; background-color: blue;"></div> <div style="width: 300px; height: 300px; position: absolute; left: 20px; top: 400px; background-color: purple; z-index:1000"> - <div style="width:100px; height:100px; position:relative; left:10px; top:10px; -webkit-transform:translateZ(0); background-color:yellow"></div> + <div style="width:100px; height:100px; position:relative; left:10px; top:10px; transform:translateZ(0); background-color:yellow"></div> </div> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/no-compositing-for-fixed-position-under-transform.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/no-compositing-for-fixed-position-under-transform.html index bf0bac8..26e5aad 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/no-compositing-for-fixed-position-under-transform.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/no-compositing-for-fixed-position-under-transform.html @@ -5,7 +5,7 @@ .transform { width: 100px; height: 30px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .fixed { position: fixed; diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/no-compositing-for-preserve-3d.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/no-compositing-for-preserve-3d.html index 7e95837..61e7c09 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/no-compositing-for-preserve-3d.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/no-compositing-for-preserve-3d.html @@ -47,13 +47,13 @@ <div class="preserve3d"> This layer should not be composited. - <div class="box" style="-webkit-transform: rotate(10deg)"></div> + <div class="box" style="transform: rotate(10deg)"></div> </div> </div> <div class="preserve3d"> This layer should be composited. - <div class="box" style="-webkit-transform: rotateY(10deg)"></div> + <div class="box" style="transform: rotateY(10deg)"></div> </div> <pre id="layers">Layer tree goes here in DRT</pre> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/overflow-scroll-overlap.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/overflow-scroll-overlap.html index 752cc58..9e2d583 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/overflow-scroll-overlap.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/overflow-scroll-overlap.html @@ -7,7 +7,7 @@ .composited { height: 30px; width: 30px; - -webkit-transform:translateZ(0); + transform:translateZ(0); } .overflow { diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation-clipping.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation-clipping.html index 714412e..c9c70f5 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation-clipping.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation-clipping.html @@ -23,7 +23,7 @@ } .force-layer { - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } .yellow { @@ -43,13 +43,13 @@ } @-webkit-keyframes translate1 { - from { -webkit-transform: translate(0px, -110px); } - to { -webkit-transform: translate(0px, 590px); } + from { transform: translate(0px, -110px); } + to { transform: translate(0px, 590px); } } @-webkit-keyframes translate2 { - from { -webkit-transform: translate(0px, -220px); } - to { -webkit-transform: translate(0px, 110px); } + from { transform: translate(0px, -220px); } + to { transform: translate(0px, 110px); } } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation-container.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation-container.html index e21503e..1bb2cbb 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation-container.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation-container.html @@ -21,11 +21,11 @@ } .force-layer { - -webkit-transform: translateZ(-1px); + transform: translateZ(-1px); } .rotate-45deg { - -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .yellow { @@ -46,8 +46,8 @@ } @-webkit-keyframes translate1 { - from { -webkit-transform: translate(0px, -110px); } - to { -webkit-transform: translate(0px, 700px); } + from { transform: translate(0px, -110px); } + to { transform: translate(0px, 700px); } } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation.html index 43d7a22..3f3ecda 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation.html @@ -25,8 +25,8 @@ } @-webkit-keyframes spin { - from { -webkit-transform: rotate(90deg); } - to { -webkit-transform: rotate(360deg); } + from { transform: rotate(90deg); } + to { transform: rotate(360deg); } } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-child-layer.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-child-layer.html index 0e1b789..097c49c 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-child-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-child-layer.html @@ -5,7 +5,7 @@ position: absolute; top: 0px; left: 400px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #red { diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-clipping.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-clipping.html index 2b202eb..4792d0f 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-clipping.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-clipping.html @@ -15,7 +15,7 @@ width: 500px; height: 100px; background-color: green; - -webkit-transform:translateZ(0); + transform:translateZ(0); } #overlap { diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-negative-z-index-multiple.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-negative-z-index-multiple.html index 7810f12..4d14f01 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-negative-z-index-multiple.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-negative-z-index-multiple.html @@ -4,7 +4,7 @@ <style> .composited { - -webkit-transform:translatez(0); + transform:translatez(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-negative-z-index.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-negative-z-index.html index ddc2ad9..e4c4e4c 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-negative-z-index.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-negative-z-index.html @@ -4,7 +4,7 @@ <style> .composited { - -webkit-transform:translatez(0); + transform:translatez(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-3d.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-3d.html index 94ab5dc..d82053d 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-3d.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-3d.html @@ -17,10 +17,10 @@ background-color: green; } .composited { - -webkit-transform: translateZ(-1px); + transform: translateZ(-1px); } .rotated-3d { - -webkit-transform: translateZ(-1px) rotate(45deg); + transform: translateZ(-1px) rotate(45deg); } .top { top: 0px; diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-and-clipped.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-and-clipped.html index 7874725..b8f31dd 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-and-clipped.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-and-clipped.html @@ -8,7 +8,7 @@ } .composited { - -webkit-transform: translateZ(0px); + transform: translateZ(0px); } .clips { @@ -20,7 +20,7 @@ left: 0px; top: 0px; overflow: hidden; - -webkit-transform: translateX(110px); + transform: translateX(110px); } .under { diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-layer-with-transform-body.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-layer-with-transform-body.html index fedd7f5..4a9d035 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-layer-with-transform-body.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-layer-with-transform-body.html @@ -2,7 +2,7 @@ <head> <style> #container { - -webkit-transform: translate(-10px, 0px); + transform: translate(-10px, 0px); } #indicator { @@ -26,7 +26,7 @@ #composited { position: absolute; left: 400px; - -webkit-transform:translateZ(0); + transform:translateZ(0); } #layertree { @@ -36,7 +36,7 @@ } body { - -webkit-transform:translateZ(0); + transform:translateZ(0); overflow: hidden; } diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-layer.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-layer.html index d7da3fd..3c84c71 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-layer.html @@ -2,7 +2,7 @@ <head> <style> #container { - -webkit-transform: translate(-10px, 0px); + transform: translate(-10px, 0px); } #indicator { @@ -26,7 +26,7 @@ #composited { position: absolute; left: 400px; - -webkit-transform:translateZ(0); + transform:translateZ(0); } #layertree { diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-preserved-3d.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-preserved-3d.html index 0445f1b..08ea093 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-preserved-3d.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-preserved-3d.html @@ -22,12 +22,12 @@ -webkit-perspective-origin: 50px 50px; } .rotate-3d-start { - -webkit-transform: scale(0.5) rotateX(45deg) rotateY(45deg); + transform: scale(0.5) rotateX(45deg) rotateY(45deg); -webkit-transform-origin: 50px 50px; -webkit-transform-style: preserve-3d; } .rotate-3d-end { - -webkit-transform: scale(1.0) rotateX(45deg) rotateY(45deg); + transform: scale(1.0) rotateX(45deg) rotateY(45deg); } .top { top: 0px; @@ -61,22 +61,22 @@ -webkit-transform-origin: 50% 50%; } .side-1 { - -webkit-transform: translateZ(50px); + transform: translateZ(50px); } .side-2 { - -webkit-transform: rotateY(90deg) translateZ(50px); + transform: rotateY(90deg) translateZ(50px); } .side-3 { - -webkit-transform: rotateY(180deg) translateZ(50px); + transform: rotateY(180deg) translateZ(50px); } .side-4 { - -webkit-transform: rotateY(270deg) translateZ(50px); + transform: rotateY(270deg) translateZ(50px); } .side-5 { - -webkit-transform: rotateX(90deg) translateZ(50px); + transform: rotateX(90deg) translateZ(50px); } .side-6 { - -webkit-transform: rotateX(-90deg) translateZ(50px); + transform: rotateX(-90deg) translateZ(50px); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transforms.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transforms.html index 32448fb..31575fb 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transforms.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transforms.html @@ -21,7 +21,7 @@ } .transformed { - -webkit-transform: translateZ(1px); /* non-affine transform */ + transform: translateZ(1px); /* non-affine transform */ } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/resources/fixed-position-nonscrollable-body.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/resources/fixed-position-nonscrollable-body.html index f42f506..433feab 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/resources/fixed-position-nonscrollable-body.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/resources/fixed-position-nonscrollable-body.html @@ -33,7 +33,7 @@ } .composited { - -webkit-transform: translatez(0); + transform: translatez(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/scroll-partial-update.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/scroll-partial-update.html index 37d3527..016a461 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/scroll-partial-update.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/scroll-partial-update.html @@ -22,7 +22,7 @@ } #composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); width: 20px; height: 20px; } diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/should-invoke-deferred-compositing.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/should-invoke-deferred-compositing.html index 804d0bf..085a7c2 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/should-invoke-deferred-compositing.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/should-invoke-deferred-compositing.html @@ -15,7 +15,7 @@ <style> .composited { - -webkit-transform: translatez(0); + transform: translatez(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/stacking-context-overlap-nested.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/stacking-context-overlap-nested.html index 46a9420..676bef0 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/stacking-context-overlap-nested.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/stacking-context-overlap-nested.html @@ -13,7 +13,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); background-color: green; outline: 10px solid transparent; /* inflate compositing layer bounds */ } diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/stacking-context-overlap.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/stacking-context-overlap.html index d51cf42..30b5447 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/stacking-context-overlap.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/stacking-context-overlap.html @@ -7,7 +7,7 @@ width: 20px; height: 20px; background-color: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .container { diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/translatez-added.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/translatez-added.html index 210daa4..5999872 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/translatez-added.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/translatez-added.html @@ -12,7 +12,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/translatez-overlap.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/translatez-overlap.html index dbbcd97..5180578 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/translatez-overlap.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/translatez-overlap.html @@ -11,7 +11,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/translatez-removed.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/translatez-removed.html index 2a990fa..1853676 100644 --- a/third_party/WebKit/LayoutTests/compositing/layer-creation/translatez-removed.html +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/translatez-removed.html @@ -9,7 +9,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } #trigger { diff --git a/third_party/WebKit/LayoutTests/compositing/layers-inside-overflow-scroll.html b/third_party/WebKit/LayoutTests/compositing/layers-inside-overflow-scroll.html index 3b13278..0c8cbca 100644 --- a/third_party/WebKit/LayoutTests/compositing/layers-inside-overflow-scroll.html +++ b/third_party/WebKit/LayoutTests/compositing/layers-inside-overflow-scroll.html @@ -30,7 +30,7 @@ height: 100px; width: 100px; background-color: red; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script src="resources/media-testing.js"></script> diff --git a/third_party/WebKit/LayoutTests/compositing/layout-width-change.html b/third_party/WebKit/LayoutTests/compositing/layout-width-change.html index 2b78bc7..eb7b465 100644 --- a/third_party/WebKit/LayoutTests/compositing/layout-width-change.html +++ b/third_party/WebKit/LayoutTests/compositing/layout-width-change.html @@ -20,7 +20,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/masks/direct-image-mask.html b/third_party/WebKit/LayoutTests/compositing/masks/direct-image-mask.html index dbadb09..6288b47 100644 --- a/third_party/WebKit/LayoutTests/compositing/masks/direct-image-mask.html +++ b/third_party/WebKit/LayoutTests/compositing/masks/direct-image-mask.html @@ -10,7 +10,7 @@ } .compositing { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .masked { diff --git a/third_party/WebKit/LayoutTests/compositing/masks/layer-mask-placement.html b/third_party/WebKit/LayoutTests/compositing/masks/layer-mask-placement.html index 492d746..54924e2 100644 --- a/third_party/WebKit/LayoutTests/compositing/masks/layer-mask-placement.html +++ b/third_party/WebKit/LayoutTests/compositing/masks/layer-mask-placement.html @@ -16,7 +16,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .indicator { diff --git a/third_party/WebKit/LayoutTests/compositing/masks/mask-layer-size.html b/third_party/WebKit/LayoutTests/compositing/masks/mask-layer-size.html index fbd41e8..fcf4f55 100644 --- a/third_party/WebKit/LayoutTests/compositing/masks/mask-layer-size.html +++ b/third_party/WebKit/LayoutTests/compositing/masks/mask-layer-size.html @@ -17,7 +17,7 @@ -webkit-mask-position: 0px 0px; -webkit-mask-size: 200px 200px; -webkit-mask-repeat: no-repeat; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #layers { diff --git a/third_party/WebKit/LayoutTests/compositing/masks/mask-of-clipped-layer.html b/third_party/WebKit/LayoutTests/compositing/masks/mask-of-clipped-layer.html index 5607806a..d4c91cc 100644 --- a/third_party/WebKit/LayoutTests/compositing/masks/mask-of-clipped-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/masks/mask-of-clipped-layer.html @@ -16,7 +16,7 @@ } .composited { - -webkit-transform: translatez(0); + transform: translatez(0); } .masked { diff --git a/third_party/WebKit/LayoutTests/compositing/masks/masked-ancestor.html b/third_party/WebKit/LayoutTests/compositing/masks/masked-ancestor.html index 0031106..e448b90 100644 --- a/third_party/WebKit/LayoutTests/compositing/masks/masked-ancestor.html +++ b/third_party/WebKit/LayoutTests/compositing/masks/masked-ancestor.html @@ -22,7 +22,7 @@ } .compositing { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .masked { diff --git a/third_party/WebKit/LayoutTests/compositing/masks/multiple-masks.html b/third_party/WebKit/LayoutTests/compositing/masks/multiple-masks.html index 0ccda6f..2d1f46c 100644 --- a/third_party/WebKit/LayoutTests/compositing/masks/multiple-masks.html +++ b/third_party/WebKit/LayoutTests/compositing/masks/multiple-masks.html @@ -22,7 +22,7 @@ } .compositing { - -webkit-transform: translateZ(0); + transform: translateZ(0); } #container .masked { diff --git a/third_party/WebKit/LayoutTests/compositing/masks/simple-composited-mask.html b/third_party/WebKit/LayoutTests/compositing/masks/simple-composited-mask.html index 073ed6c..44901db 100644 --- a/third_party/WebKit/LayoutTests/compositing/masks/simple-composited-mask.html +++ b/third_party/WebKit/LayoutTests/compositing/masks/simple-composited-mask.html @@ -22,7 +22,7 @@ } .compositing { - -webkit-transform: translateZ(0); + transform: translateZ(0); } #container .masked { diff --git a/third_party/WebKit/LayoutTests/compositing/nested-direct-image-compositing.html b/third_party/WebKit/LayoutTests/compositing/nested-direct-image-compositing.html index 9a23b11..458bfba 100644 --- a/third_party/WebKit/LayoutTests/compositing/nested-direct-image-compositing.html +++ b/third_party/WebKit/LayoutTests/compositing/nested-direct-image-compositing.html @@ -5,18 +5,18 @@ <style type="text/css"> div.cell { - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } img { position: absolute; - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } div.magnify img { - -webkit-transform: scale(2.0); + transform: scale(2.0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/objects/resources/composited-subframe.html b/third_party/WebKit/LayoutTests/compositing/objects/resources/composited-subframe.html index 5f1f9f9..81ff619 100644 --- a/third_party/WebKit/LayoutTests/compositing/objects/resources/composited-subframe.html +++ b/third_party/WebKit/LayoutTests/compositing/objects/resources/composited-subframe.html @@ -8,7 +8,7 @@ width: 200px; margin: 10px; background-color: green; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow-trumps-transform-style.html b/third_party/WebKit/LayoutTests/compositing/overflow-trumps-transform-style.html index f12f617..c31840d 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow-trumps-transform-style.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow-trumps-transform-style.html @@ -29,8 +29,8 @@ </script> </head> <body> -<div class="box" id="box1" style="-webkit-transform: translateZ(1px); -webkit-transform-style: preserve-3d"></div> -<div class="box" id="box2" style="-webkit-transform: translateZ(1px); -webkit-transform-style: preserve-3d; overflow: hidden"></div> +<div class="box" id="box1" style="transform: translateZ(1px); -webkit-transform-style: preserve-3d"></div> +<div class="box" id="box2" style="transform: translateZ(1px); -webkit-transform-style: preserve-3d; overflow: hidden"></div> <pre id="layers">Layer tree goes here in DRT</pre> </body> </html> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/accelerated-overflow-scroll-should-not-affect-perspective.html b/third_party/WebKit/LayoutTests/compositing/overflow/accelerated-overflow-scroll-should-not-affect-perspective.html index 5c67d48..9aa0ce2 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/accelerated-overflow-scroll-should-not-affect-perspective.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/accelerated-overflow-scroll-should-not-affect-perspective.html @@ -21,13 +21,13 @@ .first { left: 0px; background-color: green; - -webkit-transform: translateZ(10px); + transform: translateZ(10px); } .second { left: 65px; background-color: blue; - -webkit-transform: translateZ(20px); + transform: translateZ(20px); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/ancestor-overflow.html b/third_party/WebKit/LayoutTests/compositing/overflow/ancestor-overflow.html index d8b0c9d..6836868 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/ancestor-overflow.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/ancestor-overflow.html @@ -27,7 +27,7 @@ width: 100px; height: 150px; background-color: gray; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/clip-content-under-overflow-controls.html b/third_party/WebKit/LayoutTests/compositing/overflow/clip-content-under-overflow-controls.html index a18b692..8673b2e 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/clip-content-under-overflow-controls.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/clip-content-under-overflow-controls.html @@ -2,7 +2,7 @@ <!DOCTYPE html> <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .container { diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/clip-descendents.html b/third_party/WebKit/LayoutTests/compositing/overflow/clip-descendents.html index 091bf3c..a849238 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/clip-descendents.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/clip-descendents.html @@ -24,7 +24,7 @@ width: 100px; height: 150px; background-color: gray; - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } pre { diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/composited-scrolling-paint-phases.html b/third_party/WebKit/LayoutTests/compositing/overflow/composited-scrolling-paint-phases.html index 498da16..6b625e5 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/composited-scrolling-paint-phases.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/composited-scrolling-paint-phases.html @@ -17,7 +17,7 @@ height: 10px; position: relative; top: 10px; - -webkit-transform: translateZ(0); + transform: translateZ(0); background-color: green; z-index: -1; } diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/content-gains-scrollbars.html b/third_party/WebKit/LayoutTests/compositing/overflow/content-gains-scrollbars.html index ee8526c..54f9eee 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/content-gains-scrollbars.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/content-gains-scrollbars.html @@ -5,12 +5,12 @@ width: 100px; height:100px; position:absolute; --webkit-transform:translateZ(0); +transform:translateZ(0); overflow:auto; } .content { --webkit-transform: translateZ(0); +transform: translateZ(0); position:absolute; width:10px; height:10px; diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/content-loses-scrollbars.html b/third_party/WebKit/LayoutTests/compositing/overflow/content-loses-scrollbars.html index 9fef789..a6c0fcc 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/content-loses-scrollbars.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/content-loses-scrollbars.html @@ -5,12 +5,12 @@ width: 100px; height:100px; position:absolute; --webkit-transform:translateZ(0); +transform:translateZ(0); overflow:auto; } .content { --webkit-transform: translateZ(0); +transform: translateZ(0); position:absolute; width:10px; height:10px; diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/do-not-assert-on-invisible-composited-layers.html b/third_party/WebKit/LayoutTests/compositing/overflow/do-not-assert-on-invisible-composited-layers.html index 220f8ab..220a7df 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/do-not-assert-on-invisible-composited-layers.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/do-not-assert-on-invisible-composited-layers.html @@ -22,7 +22,7 @@ </script> </head> <body> - <div id='scrollParent' style='-webkit-transform: translateZ(0); overflow:scroll; height: 250px; width: 250px;'> + <div id='scrollParent' style='transform: translateZ(0); overflow:scroll; height: 250px; width: 250px;'> <div style='overflow:scroll; height: 500px; width: 500px; visibility: hidden'> </div> </div> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/fixed-position-ancestor-clip.html b/third_party/WebKit/LayoutTests/compositing/overflow/fixed-position-ancestor-clip.html index 259d394..d6516e1 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/fixed-position-ancestor-clip.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/fixed-position-ancestor-clip.html @@ -20,7 +20,7 @@ width: 100px; height: 100px; background-color: green; - -webkit-transform: translateZ(0); + transform: translateZ(0); } p { diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/image-load-overflow-scrollbars.html b/third_party/WebKit/LayoutTests/compositing/overflow/image-load-overflow-scrollbars.html index 1e569cd..5dba2f9 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/image-load-overflow-scrollbars.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/image-load-overflow-scrollbars.html @@ -6,7 +6,7 @@ overflow:auto; width:200px; height:200px; - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <script type='text/javascript'> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/nested-render-surfaces-with-rotation.html b/third_party/WebKit/LayoutTests/compositing/overflow/nested-render-surfaces-with-rotation.html index 044dc7e..4babad7 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/nested-render-surfaces-with-rotation.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/nested-render-surfaces-with-rotation.html @@ -42,11 +42,11 @@ } .rotated { - -webkit-transform: translateZ(0) rotate(5deg); + transform: translateZ(0) rotate(5deg); } .counter-rotated { - -webkit-transform: translateZ(0) rotate(-9deg); + transform: translateZ(0) rotate(-9deg); } </style> <script src="resources/nested-render-surfaces.js"></script> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/overflow-positioning.html b/third_party/WebKit/LayoutTests/compositing/overflow/overflow-positioning.html index 6fdca1c..b0c89d8 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/overflow-positioning.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/overflow-positioning.html @@ -44,10 +44,10 @@ } #mover:hover { - -webkit-transform: translate(0px, 100px); + transform: translate(0px, 100px); } #mover.moving { - -webkit-transform: translate(0px, 100px); + transform: translate(0px, 100px); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/overflow-scaled-descendant-overlapping.html b/third_party/WebKit/LayoutTests/compositing/overflow/overflow-scaled-descendant-overlapping.html index 56d3811..1c8993b 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/overflow-scaled-descendant-overlapping.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/overflow-scaled-descendant-overlapping.html @@ -32,7 +32,7 @@ } .transformed { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .clip { diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/overflow-scroll.html b/third_party/WebKit/LayoutTests/compositing/overflow/overflow-scroll.html index 742e1fa..f59be8f 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/overflow-scroll.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/overflow-scroll.html @@ -51,7 +51,7 @@ <p>All of the boxes should look the same.</p> <div class="container"> - <div class="inner" style="-webkit-transform: translateZ(0)"> + <div class="inner" style="transform: translateZ(0)"> <p> This is the inner div that scrolls. </p> @@ -59,7 +59,7 @@ </div> <div class="container"> - <div class="inner" style="position: relative; -webkit-transform: translateZ(0)"> + <div class="inner" style="position: relative; transform: translateZ(0)"> <p> This is the inner div that scrolls. </p> @@ -67,7 +67,7 @@ </div> <div class="container" style="position: relative"> - <div class="inner" style="-webkit-transform: translateZ(0)"> + <div class="inner" style="transform: translateZ(0)"> <p> This is the inner div that scrolls. </p> @@ -75,7 +75,7 @@ </div> <div class="container" style="position: relative"> - <div class="inner" style="position: relative; -webkit-transform: translateZ(0)"> + <div class="inner" style="position: relative; transform: translateZ(0)"> <p> This is the inner div that scrolls. </p> @@ -83,7 +83,7 @@ </div> <br> - <div class="container" style="-webkit-transform: translateZ(0)"> + <div class="container" style="transform: translateZ(0)"> <div class="inner"> <p> This is the inner div that scrolls. @@ -91,7 +91,7 @@ </div> </div> - <div class="container" style="-webkit-transform: translateZ(0)"> + <div class="container" style="transform: translateZ(0)"> <div class="inner" style="position: relative;"> <p> This is the inner div that scrolls. @@ -99,16 +99,16 @@ </div> </div> - <div class="container" style="-webkit-transform: translateZ(0)"> - <div class="inner" style="-webkit-transform: translateZ(0)"> + <div class="container" style="transform: translateZ(0)"> + <div class="inner" style="transform: translateZ(0)"> <p> This is the inner div that scrolls. </p> </div> </div> - <div class="container" style="-webkit-transform: translateZ(0)"> - <div class="inner" style="position: relative; -webkit-transform: translateZ(0)"> + <div class="container" style="transform: translateZ(0)"> + <div class="inner" style="position: relative; transform: translateZ(0)"> <p> This is the inner div that scrolls. </p> @@ -117,7 +117,7 @@ <br> - <div class="container" style="position: relative; -webkit-transform: translateZ(0)"> + <div class="container" style="position: relative; transform: translateZ(0)"> <div class="inner"> <p> This is the inner div that scrolls. @@ -125,7 +125,7 @@ </div> </div> - <div class="container" style="position: relative; -webkit-transform: translateZ(0)"> + <div class="container" style="position: relative; transform: translateZ(0)"> <div class="inner" style="position: relative;"> <p> This is the inner div that scrolls. @@ -133,16 +133,16 @@ </div> </div> - <div class="container" style="position: relative; -webkit-transform: translateZ(0)"> - <div class="inner" style="-webkit-transform: translateZ(0)"> + <div class="container" style="position: relative; transform: translateZ(0)"> + <div class="inner" style="transform: translateZ(0)"> <p> This is the inner div that scrolls. </p> </div> </div> - <div class="container" style="position: relative; -webkit-transform: translateZ(0)"> - <div class="inner" style="position: relative; -webkit-transform: translateZ(0)"> + <div class="container" style="position: relative; transform: translateZ(0)"> + <div class="inner" style="position: relative; transform: translateZ(0)"> <p> This is the inner div that scrolls. </p> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/overflow-scrollbar-layers.html b/third_party/WebKit/LayoutTests/compositing/overflow/overflow-scrollbar-layers.html index 1259cf8..8af1ecf 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/overflow-scrollbar-layers.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/overflow-scrollbar-layers.html @@ -4,12 +4,12 @@ width: 100px; height:100px; position:absolute; --webkit-transform:translateZ(0); +transform:translateZ(0); overflow:auto; } .content { --webkit-transform: translateZ(0); +transform: translateZ(0); position:absolute; width:10px; height:10px; diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/parent-overflow.html b/third_party/WebKit/LayoutTests/compositing/overflow/parent-overflow.html index d922976..4e757a3 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/parent-overflow.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/parent-overflow.html @@ -20,7 +20,7 @@ width: 100px; height: 300px; background-color: gray; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip-expected.html b/third_party/WebKit/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip-expected.html index f3598fc..6b436a1 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip-expected.html @@ -25,7 +25,7 @@ position: fixed; left: 200px; background: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #scrolled { diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip.html b/third_party/WebKit/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip.html index 8c7d5c2..045eb20 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip.html @@ -30,7 +30,7 @@ left: 200px; background: blue; /* Without this, when _not_ composited, the reflected scrollbar disappears. See crbug.com/396775 */ - -webkit-transform: translateZ(0); + transform: translateZ(0); } #scrolled { diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/repaint-after-losing-scrollbars.html b/third_party/WebKit/LayoutTests/compositing/overflow/repaint-after-losing-scrollbars.html index 56b0646..28d60bf 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/repaint-after-losing-scrollbars.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/repaint-after-losing-scrollbars.html @@ -7,7 +7,7 @@ width: 100px; height:100px; background-color: green; position:absolute; --webkit-transform:translateZ(0); +transform:translateZ(0); overflow:auto; } @@ -20,7 +20,7 @@ background-color: red; } .content { --webkit-transform: translateZ(0); +transform: translateZ(0); position:absolute; width:10px; height:10px; diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/resize-painting.html b/third_party/WebKit/LayoutTests/compositing/overflow/resize-painting.html index 055e1bb..6e395ef 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/resize-painting.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/resize-painting.html @@ -3,7 +3,7 @@ <head> <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/resources/composited-subframe.html b/third_party/WebKit/LayoutTests/compositing/overflow/resources/composited-subframe.html index 4a4f53e..92b3b7f 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/resources/composited-subframe.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/resources/composited-subframe.html @@ -11,11 +11,11 @@ margin: 10px; padding: 5px; background-color: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); overflow:hidden; } .box:hover { - -webkit-transform: none; + transform: none; } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/rtl-overflow-expected.html b/third_party/WebKit/LayoutTests/compositing/overflow/rtl-overflow-expected.html index 9da89bc..c9936a6 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/rtl-overflow-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/rtl-overflow-expected.html @@ -34,7 +34,7 @@ </style> </head> <body> - <div style="-webkit-transform:translateZ(0);"> + <div style="transform:translateZ(0);"> This test succeeds if the two blocks correctly show content scrolled to the rightmost and leftmost respectively. </div> <div class="container" id="first"> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/rtl-overflow.html b/third_party/WebKit/LayoutTests/compositing/overflow/rtl-overflow.html index c7d09f5..6fee984 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/rtl-overflow.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/rtl-overflow.html @@ -35,7 +35,7 @@ </style> </head> <body> - <div style="-webkit-transform:translateZ(0);"> + <div style="transform:translateZ(0);"> This test succeeds if the two blocks correctly show content scrolled to the rightmost and leftmost respectively. </div> <div class="container"> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/scrollbar-painting.html b/third_party/WebKit/LayoutTests/compositing/overflow/scrollbar-painting.html index 05ef47d..7dbe2e0 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/scrollbar-painting.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/scrollbar-painting.html @@ -3,7 +3,7 @@ <head> <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/scrollbars-with-clipped-owner.html b/third_party/WebKit/LayoutTests/compositing/overflow/scrollbars-with-clipped-owner.html index 1e7faf8..af256e3 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/scrollbars-with-clipped-owner.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/scrollbars-with-clipped-owner.html @@ -33,7 +33,7 @@ height: 300px; background-color: blue; margin: 0px; - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/scrolls-with-respect-to-transform.html b/third_party/WebKit/LayoutTests/compositing/overflow/scrolls-with-respect-to-transform.html index 91fca50..86b1fa7 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/scrolls-with-respect-to-transform.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/scrolls-with-respect-to-transform.html @@ -65,7 +65,7 @@ </head> <body> <div id='fixed' style='position: fixed'></div> - <div id='container' style='height: 350px; width: 500px; -webkit-transform:rotate(15deg); position:relative; top:150px; left: 150px'> + <div id='container' style='height: 350px; width: 500px; transform:rotate(15deg); position:relative; top:150px; left: 150px'> <div id='overflow-child' style='overflow:scroll'></div> <div id='abs-descendant'></div> <div id='fixed-descendant'></div> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/theme-affects-visual-overflow.html b/third_party/WebKit/LayoutTests/compositing/overflow/theme-affects-visual-overflow.html index 29e5dd4..63e6606 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/theme-affects-visual-overflow.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/theme-affects-visual-overflow.html @@ -3,7 +3,7 @@ <head> <style> .composited { - -webkit-transform: translatez(0); + transform: translatez(0); } input { position:relative; diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/transform-in-empty-container.html b/third_party/WebKit/LayoutTests/compositing/overflow/transform-in-empty-container.html index 6b82ced..703d9b7 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/transform-in-empty-container.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/transform-in-empty-container.html @@ -3,14 +3,14 @@ <title>Transform in an empty container test.</title> <style type="text/css"> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .abs { position: absolute; } .empty-transform { - -webkit-transform: matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); width: 0px; height: 100px; } diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/transform-should-update-absolute-clip-rects-expected.html b/third_party/WebKit/LayoutTests/compositing/overflow/transform-should-update-absolute-clip-rects-expected.html index 4ed5873..1e06749 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/transform-should-update-absolute-clip-rects-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/transform-should-update-absolute-clip-rects-expected.html @@ -3,7 +3,7 @@ #slidein { width: 200px; height: 200px; - -webkit-transform: translate3d(200px, 0, 0); + transform: translate3d(200px, 0, 0); } #header { @@ -23,7 +23,7 @@ #content { width: 200px; height: 200px; - -webkit-transform: translateZ(0); + transform: translateZ(0); background-color: blue; } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/transform-should-update-absolute-clip-rects.html b/third_party/WebKit/LayoutTests/compositing/overflow/transform-should-update-absolute-clip-rects.html index c768760..a3955c8 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/transform-should-update-absolute-clip-rects.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/transform-should-update-absolute-clip-rects.html @@ -3,7 +3,7 @@ #slidein { width: 200px; height: 200px; - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } #header { @@ -23,7 +23,7 @@ #content { width: 200px; height: 200px; - -webkit-transform: translateZ(0); + transform: translateZ(0); background-color: blue; } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/transform-should-update-container-overflow.html b/third_party/WebKit/LayoutTests/compositing/overflow/transform-should-update-container-overflow.html index 8c1fd16..71905a9 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/transform-should-update-container-overflow.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/transform-should-update-container-overflow.html @@ -8,7 +8,7 @@ } #composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); width: 100px; height: 100px; background-color: green; diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/zero-size-overflow.html b/third_party/WebKit/LayoutTests/compositing/overflow/zero-size-overflow.html index 5d15d26..cf50f1a 100644 --- a/third_party/WebKit/LayoutTests/compositing/overflow/zero-size-overflow.html +++ b/third_party/WebKit/LayoutTests/compositing/overflow/zero-size-overflow.html @@ -16,7 +16,7 @@ .test { border: 50px solid green; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-huge-expected.html b/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-huge-expected.html index c9905e9..ab141db 100644 --- a/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-huge-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-huge-expected.html @@ -19,7 +19,7 @@ .b { top: 100px; left: 0px;} .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } * { margin: 0; padding: 0; } diff --git a/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-huge.html b/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-huge.html index d71b064..749550d 100644 --- a/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-huge.html +++ b/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-huge.html @@ -19,7 +19,7 @@ .b { top: 100px; left: 0px;} .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } * { margin: 0; padding: 0; } diff --git a/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-no-overlap-expected.html b/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-no-overlap-expected.html index f9bd5f1..561c9a6 100644 --- a/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-no-overlap-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-no-overlap-expected.html @@ -21,7 +21,7 @@ .d { top: 0px; left: 200px;} * { margin: 0; padding: 0; } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-no-overlap.html b/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-no-overlap.html index 731840a..be8b234 100644 --- a/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-no-overlap.html +++ b/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-no-overlap.html @@ -21,7 +21,7 @@ .d { top: 0px; left: 200px;} .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } * { margin: 0; padding: 0; } diff --git a/third_party/WebKit/LayoutTests/compositing/overlap-blending/preserves3d-opacity-expected.html b/third_party/WebKit/LayoutTests/compositing/overlap-blending/preserves3d-opacity-expected.html index c9eda42..fe4d9692 100644 --- a/third_party/WebKit/LayoutTests/compositing/overlap-blending/preserves3d-opacity-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/overlap-blending/preserves3d-opacity-expected.html @@ -16,7 +16,7 @@ .opacity { opacity: .1; } .composited { - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } * { margin: 0; padding: 0; } diff --git a/third_party/WebKit/LayoutTests/compositing/overlap-blending/preserves3d-opacity.html b/third_party/WebKit/LayoutTests/compositing/overlap-blending/preserves3d-opacity.html index 73229fd..0c024c5 100644 --- a/third_party/WebKit/LayoutTests/compositing/overlap-blending/preserves3d-opacity.html +++ b/third_party/WebKit/LayoutTests/compositing/overlap-blending/preserves3d-opacity.html @@ -16,7 +16,7 @@ .opacity { opacity: .1; } .preserve3d { - -webkit-transform: translateZ(0); + transform: translateZ(0); -webkit-transform-style: preserve-3d; } * { margin: 0; padding: 0; } diff --git a/third_party/WebKit/LayoutTests/compositing/overlap-blending/reflection-opacity-huge.html b/third_party/WebKit/LayoutTests/compositing/overlap-blending/reflection-opacity-huge.html index 1781794..0b908a3 100644 --- a/third_party/WebKit/LayoutTests/compositing/overlap-blending/reflection-opacity-huge.html +++ b/third_party/WebKit/LayoutTests/compositing/overlap-blending/reflection-opacity-huge.html @@ -12,7 +12,7 @@ -webkit-box-reflect: below -50px; } - .composited { -webkit-transform: translateZ(0);} + .composited { transform: translateZ(0);} * { margin: 0; padding: 0; } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/perpendicular-layer-sorting.html b/third_party/WebKit/LayoutTests/compositing/perpendicular-layer-sorting.html index 06a4c9f..9cf8726 100644 --- a/third_party/WebKit/LayoutTests/compositing/perpendicular-layer-sorting.html +++ b/third_party/WebKit/LayoutTests/compositing/perpendicular-layer-sorting.html @@ -18,7 +18,7 @@ height: 280px; background-color: purple; -webkit-transform-style: preserve-3d; - -webkit-transform: rotateY(20deg); + transform: rotateY(20deg); } #parent > div { @@ -29,7 +29,7 @@ height: 400px; padding: 10px; background-color: green; - -webkit-transform: translateY(50px) translateZ(10px) rotateX(90deg); + transform: translateY(50px) translateZ(10px) rotateX(90deg); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/plugins/invalidate_rect.html b/third_party/WebKit/LayoutTests/compositing/plugins/invalidate_rect.html index a9f6ea2..d8d2462 100644 --- a/third_party/WebKit/LayoutTests/compositing/plugins/invalidate_rect.html +++ b/third_party/WebKit/LayoutTests/compositing/plugins/invalidate_rect.html @@ -5,7 +5,7 @@ <style type="text/css"> #transform { - -webkit-transform: rotateZ(0deg) rotateX(0deg) rotateY(0deg); + transform: rotateZ(0deg) rotateX(0deg) rotateY(0deg); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/preserve-3d-toggle.html b/third_party/WebKit/LayoutTests/compositing/preserve-3d-toggle.html index 1b8587d..6064f2f 100644 --- a/third_party/WebKit/LayoutTests/compositing/preserve-3d-toggle.html +++ b/third_party/WebKit/LayoutTests/compositing/preserve-3d-toggle.html @@ -16,11 +16,11 @@ Passing criteria: green box shown without any visible red. .transformed-container { -webkit-transform-style: preserve-3d; - -webkit-transform: rotateX(90deg); + transform: rotateX(90deg); } .reverse-transformed-child { - -webkit-transform: rotateX(-90deg); + transform: rotateX(-90deg); } .box { @@ -34,7 +34,7 @@ Passing criteria: green box shown without any visible red. .test { position: absolute; - -webkit-transform: translateZ(0); + transform: translateZ(0); background: green; } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/animation-inside-reflection.html b/third_party/WebKit/LayoutTests/compositing/reflections/animation-inside-reflection.html index d182af2..894a98f 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/animation-inside-reflection.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/animation-inside-reflection.html @@ -40,12 +40,12 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } @-webkit-keyframes swing { - from { -webkit-transform: rotate(0deg); } - to { -webkit-transform: rotate(90deg); } + from { transform: rotate(0deg); } + to { transform: rotate(90deg); } } </style> <script src="../../animations/resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/backface-hidden-reflection.html b/third_party/WebKit/LayoutTests/compositing/reflections/backface-hidden-reflection.html index e587546..e94935a 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/backface-hidden-reflection.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/backface-hidden-reflection.html @@ -14,7 +14,7 @@ height: 100px; width: 100px; background-color: red; - -webkit-transform: rotate3d(0, 1, 0, 180deg); + transform: rotate3d(0, 1, 0, 180deg); -webkit-box-reflect: below; -webkit-backface-visibility: hidden; } diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/become-simple-composited-reflection.html b/third_party/WebKit/LayoutTests/compositing/reflections/become-simple-composited-reflection.html index d0f9b9a..0edc93e 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/become-simple-composited-reflection.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/become-simple-composited-reflection.html @@ -11,7 +11,7 @@ height: 200px; width: 200px; background-color: red; - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } .indicator { diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/compositing-change-inside-reflection.html b/third_party/WebKit/LayoutTests/compositing/reflections/compositing-change-inside-reflection.html index 6c06386..cb9a25e 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/compositing-change-inside-reflection.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/compositing-change-inside-reflection.html @@ -22,7 +22,7 @@ background-color: green; } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .container { diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/deeply-nested-reflections.html b/third_party/WebKit/LayoutTests/compositing/reflections/deeply-nested-reflections.html index 99c3d8d..5d07ac2 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/deeply-nested-reflections.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/deeply-nested-reflections.html @@ -49,7 +49,7 @@ background-color: green; } .compositing { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/empty-reflection-with-mask.html b/third_party/WebKit/LayoutTests/compositing/reflections/empty-reflection-with-mask.html index 750347e..2b6b05f 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/empty-reflection-with-mask.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/empty-reflection-with-mask.html @@ -8,7 +8,7 @@ div { width: 500px; height: 500px; - -webkit-transform:translateZ(0); + transform:translateZ(0); -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 1.0))); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/load-video-in-reflection.html b/third_party/WebKit/LayoutTests/compositing/reflections/load-video-in-reflection.html index 883d825..14e7293 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/load-video-in-reflection.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/load-video-in-reflection.html @@ -15,8 +15,8 @@ } @-webkit-keyframes spin { - from { -webkit-transform: rotate(0); } - to { -webkit-transform: rotate(0); } + from { transform: rotate(0); } + to { transform: rotate(0); } } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/masked-reflection-on-composited.html b/third_party/WebKit/LayoutTests/compositing/reflections/masked-reflection-on-composited.html index dde9fee..b9c04b2 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/masked-reflection-on-composited.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/masked-reflection-on-composited.html @@ -17,7 +17,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-anchor-point.html b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-anchor-point.html index 5d64f4d..2c9116e 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-anchor-point.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-anchor-point.html @@ -19,7 +19,7 @@ text-align: center; font-size: 50pt; -webkit-box-reflect: below 10px; - -webkit-transform: rotate3d(0, 0, 1, 20deg); + transform: rotate3d(0, 0, 1, 20deg); } .changed { diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-animated.html b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-animated.html index 24254c8..6aae869 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-animated.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-animated.html @@ -30,12 +30,12 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } @-webkit-keyframes swing { - from { -webkit-transform: rotate(0deg); } - to { -webkit-transform: rotate(90deg); } + from { transform: rotate(0deg); } + to { transform: rotate(90deg); } } </style> <script src="../../animations/resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-mask-change.html b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-mask-change.html index 98bf8ec..b3f95e4 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-mask-change.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-mask-change.html @@ -22,7 +22,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .masked { diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-on-overflow.html b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-on-overflow.html index 3335417..5cbcd40 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-on-overflow.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-on-overflow.html @@ -20,7 +20,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .overflow { diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-opacity.html b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-opacity.html index 93638f5..f089f6e 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-opacity.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-opacity.html @@ -22,7 +22,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-size-change.html b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-size-change.html index f87d8a8..da80d1a 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-size-change.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-size-change.html @@ -26,7 +26,7 @@ height: 120px; } .composited { - -webkit-transform: rotate3d(0, 0, 1, 0); + transform: rotate3d(0, 0, 1, 0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-transformed.html b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-transformed.html index c6090a8..475e1dc 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-transformed.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-transformed.html @@ -22,7 +22,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-transformed2.html b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-transformed2.html index e20575b..162a215 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-transformed2.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-transformed2.html @@ -23,7 +23,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-transition.html b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-transition.html index 451b680..c51d4de 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-transition.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection-transition.html @@ -28,10 +28,10 @@ } .rotated { - -webkit-transform: rotate(90deg); + transform: rotate(90deg); } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script src="../../animations/resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection.html b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection.html index 27e6dc0..61530a7 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/nested-reflection.html @@ -22,7 +22,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/reflection-in-composited.html b/third_party/WebKit/LayoutTests/compositing/reflections/reflection-in-composited.html index ca8b650..73a7717 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/reflection-in-composited.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/reflection-in-composited.html @@ -9,7 +9,7 @@ height: 150px; padding: 10px 20px; border: 1px solid black; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .positioned { @@ -20,7 +20,7 @@ background-color: #DDD; padding: 10px; -webkit-box-reflect: left 10px; - -webkit-transform: rotate(-40deg); + transform: rotate(-40deg); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/reflection-on-composited.html b/third_party/WebKit/LayoutTests/compositing/reflections/reflection-on-composited.html index df69bee..4107343 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/reflection-on-composited.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/reflection-on-composited.html @@ -15,7 +15,7 @@ -webkit-box-reflect: below 2px; } .transformed { - -webkit-transform: rotate3d(0, 0, 1, 0); + transform: rotate3d(0, 0, 1, 0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/reflection-opacity.html b/third_party/WebKit/LayoutTests/compositing/reflections/reflection-opacity.html index 5493992..485867f 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/reflection-opacity.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/reflection-opacity.html @@ -17,7 +17,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/reflection-ordering.html b/third_party/WebKit/LayoutTests/compositing/reflections/reflection-ordering.html index 86cb534..7df00f3 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/reflection-ordering.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/reflection-ordering.html @@ -14,12 +14,12 @@ font-size: 18pt; text-align: center; background-color: white; - -webkit-transform: translateZ(0); + transform: translateZ(0); -webkit-box-reflect: below -80px; } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/reflection-positioning.html b/third_party/WebKit/LayoutTests/compositing/reflections/reflection-positioning.html index 1ce88d9..f54aa13 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/reflection-positioning.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/reflection-positioning.html @@ -33,7 +33,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .inner.moved { diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/reflection-positioning2.html b/third_party/WebKit/LayoutTests/compositing/reflections/reflection-positioning2.html index 264a4d7..b272786 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/reflection-positioning2.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/reflection-positioning2.html @@ -34,7 +34,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .inner.moved { diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/remove-add-reflection.html b/third_party/WebKit/LayoutTests/compositing/reflections/remove-add-reflection.html index 82fbe91..4459cc8 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/remove-add-reflection.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/remove-add-reflection.html @@ -17,7 +17,7 @@ width: 100px; height: 100px; background-color: green; - -webkit-transform: translate3d(50px, 50px, 0); + transform: translate3d(50px, 50px, 0); -webkit-box-reflect: below; } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/reflections/simple-composited-reflections.html b/third_party/WebKit/LayoutTests/compositing/reflections/simple-composited-reflections.html index d00e157..2692d1c 100644 --- a/third_party/WebKit/LayoutTests/compositing/reflections/simple-composited-reflections.html +++ b/third_party/WebKit/LayoutTests/compositing/reflections/simple-composited-reflections.html @@ -10,7 +10,7 @@ } .compositing { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .reflected { diff --git a/third_party/WebKit/LayoutTests/compositing/render-surface-alpha-blending.html b/third_party/WebKit/LayoutTests/compositing/render-surface-alpha-blending.html index 77ac70f..6ac48f0 100644 --- a/third_party/WebKit/LayoutTests/compositing/render-surface-alpha-blending.html +++ b/third_party/WebKit/LayoutTests/compositing/render-surface-alpha-blending.html @@ -2,12 +2,12 @@ <head> <style> #layer { - -webkit-transform:translateZ(0); + transform:translateZ(0); opacity: 0.75; background-color: rgb(0, 100, 0); } #child { - -webkit-transform:translateZ(0); + transform:translateZ(0); } #base { background-color: rgb(200, 0, 0); diff --git a/third_party/WebKit/LayoutTests/compositing/rendering-contexts.html b/third_party/WebKit/LayoutTests/compositing/rendering-contexts.html index 2bd5f53..1ecc6df 100644 --- a/third_party/WebKit/LayoutTests/compositing/rendering-contexts.html +++ b/third_party/WebKit/LayoutTests/compositing/rendering-contexts.html @@ -7,7 +7,7 @@ <head> <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); width: 100px; height: 100px; background-color: green; diff --git a/third_party/WebKit/LayoutTests/compositing/reorder-z-with-style-expected.html b/third_party/WebKit/LayoutTests/compositing/reorder-z-with-style-expected.html index abb21c2..e7dc43d 100644 --- a/third_party/WebKit/LayoutTests/compositing/reorder-z-with-style-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/reorder-z-with-style-expected.html @@ -4,7 +4,7 @@ height: 300px; width: 300px; background-color: green; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #parent { @@ -13,7 +13,7 @@ width: 300px; height: 300px; background-color: green; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <body> diff --git a/third_party/WebKit/LayoutTests/compositing/reorder-z-with-style.html b/third_party/WebKit/LayoutTests/compositing/reorder-z-with-style.html index 9b24355..de2b0d8 100644 --- a/third_party/WebKit/LayoutTests/compositing/reorder-z-with-style.html +++ b/third_party/WebKit/LayoutTests/compositing/reorder-z-with-style.html @@ -1,13 +1,13 @@ <!DOCTYPE html> <style> body { - -webkit-transform: translateZ(0); + transform: translateZ(0); } #container { height: 300px; width: 300px; background-color: green; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #parent { @@ -25,7 +25,7 @@ height: 200px; z-index: -2; background-color: red; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <body> diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/clipped-layer-size-change-expected.html b/third_party/WebKit/LayoutTests/compositing/repaint/clipped-layer-size-change-expected.html index 3e351b9..bd48787 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/clipped-layer-size-change-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/clipped-layer-size-change-expected.html @@ -27,7 +27,7 @@ .composited { height: 50px; width: 100px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/clipped-layer-size-change.html b/third_party/WebKit/LayoutTests/compositing/repaint/clipped-layer-size-change.html index 29c100e..468e8ce 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/clipped-layer-size-change.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/clipped-layer-size-change.html @@ -27,7 +27,7 @@ .composited { height: 150px; width: 100px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/clipping-should-not-repaint-composited-descendants.html b/third_party/WebKit/LayoutTests/compositing/repaint/clipping-should-not-repaint-composited-descendants.html index f52a0a2..d6d2fa2 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/clipping-should-not-repaint-composited-descendants.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/clipping-should-not-repaint-composited-descendants.html @@ -9,7 +9,7 @@ .clipping-container { position: absolute; height: 300px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .with-initial-clipping { @@ -21,7 +21,7 @@ height: 250px; background-color: yellow; border: 1px solid black; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <style id="alt1"> diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/composited-document-element.html b/third_party/WebKit/LayoutTests/compositing/repaint/composited-document-element.html index b3ec1e5..390ff98 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/composited-document-element.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/composited-document-element.html @@ -11,7 +11,7 @@ background-color: transparent; } body { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .box { width: 100px; diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/content-into-overflow.html b/third_party/WebKit/LayoutTests/compositing/repaint/content-into-overflow.html index e1dc70b..1e6b00b 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/content-into-overflow.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/content-into-overflow.html @@ -7,7 +7,7 @@ height: 420px; width: 120px; margin: 20px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } div.outer { position: absolute; } div.wide { width: 100px; height: 50px; } diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/fixed-pos-inside-composited-intermediate-layer.html b/third_party/WebKit/LayoutTests/compositing/repaint/fixed-pos-inside-composited-intermediate-layer.html index 8df5f4d..0c4e9ca 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/fixed-pos-inside-composited-intermediate-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/fixed-pos-inside-composited-intermediate-layer.html @@ -8,7 +8,7 @@ .compositedBehind { width: 500px; height: 500px; - -webkit-transform: translatez(0); + transform: translatez(0); background-color: cyan; } diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/fixed-pos-with-composited-child.html b/third_party/WebKit/LayoutTests/compositing/repaint/fixed-pos-with-composited-child.html index 2fae4db..f601a5e 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/fixed-pos-with-composited-child.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/fixed-pos-with-composited-child.html @@ -19,7 +19,7 @@ width:200px; height: 100px; background-color: #00a0a0; - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/inline-repaint-container.html b/third_party/WebKit/LayoutTests/compositing/repaint/inline-repaint-container.html index 38e8342..a011235 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/inline-repaint-container.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/inline-repaint-container.html @@ -13,7 +13,7 @@ width: 200px; height: 100px; border: 1px solid black; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/invalidations-on-composited-layers.html b/third_party/WebKit/LayoutTests/compositing/repaint/invalidations-on-composited-layers.html index 1d7c4b5..4704aa0 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/invalidations-on-composited-layers.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/invalidations-on-composited-layers.html @@ -8,14 +8,14 @@ This test checks that repaint testing works with composited layers. <head> <style type="text/css"> #parent { - -webkit-transform: translateZ(0px); + transform: translateZ(0px); width: 400px; height: 400px; background: blue; } #child { - -webkit-transform: translateZ(0px); + transform: translateZ(0px); position: relative; left: 50px; top: 50px; diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/layer-repaint-rects.html b/third_party/WebKit/LayoutTests/compositing/repaint/layer-repaint-rects.html index d1ddebd..917b45a 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/layer-repaint-rects.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/layer-repaint-rects.html @@ -28,7 +28,7 @@ top: 10px; } #container.over #translate { - -webkit-transform: translate(200px, 0px); + transform: translate(200px, 0px); -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.1s; } diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/layer-repaint.html b/third_party/WebKit/LayoutTests/compositing/repaint/layer-repaint.html index 06580f2..382a20e 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/layer-repaint.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/layer-repaint.html @@ -7,7 +7,7 @@ border: 1px solid black; height: 300px; width: 200px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #tester { diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/newly-composited-on-scroll.html b/third_party/WebKit/LayoutTests/compositing/repaint/newly-composited-on-scroll.html index 1474f11..44f8e32 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/newly-composited-on-scroll.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/newly-composited-on-scroll.html @@ -13,7 +13,7 @@ #composited { height: 38px; - -webkit-transform:translate3d(0px, 0px, 0px); + transform:translate3d(0px, 0px, 0px); } #positioned-2 { @@ -33,7 +33,7 @@ } #transformed-container { - -webkit-transform: translateX(0); + transform: translateX(0); height:300px; width:600px; } diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/newly-composited-repaint-rect.html b/third_party/WebKit/LayoutTests/compositing/repaint/newly-composited-repaint-rect.html index 8d23c00..e393ccb 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/newly-composited-repaint-rect.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/newly-composited-repaint-rect.html @@ -16,7 +16,7 @@ <style type="text/css"> .composited { - -webkit-transform: translatez(0); + transform: translatez(0); border: 2px solid black; } diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/opacity-between-absolute.html b/third_party/WebKit/LayoutTests/compositing/repaint/opacity-between-absolute.html index ff2a032..04d987a 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/opacity-between-absolute.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/opacity-between-absolute.html @@ -11,7 +11,7 @@ height: 200px; width: 200px; border: 1px solid black; - -webkit-transform: translateZ(0); + transform: translateZ(0); -webkit-transform-style: preserve-3d; } diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/opacity-between-absolute2.html b/third_party/WebKit/LayoutTests/compositing/repaint/opacity-between-absolute2.html index 5981f40..a73915c 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/opacity-between-absolute2.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/opacity-between-absolute2.html @@ -11,7 +11,7 @@ height: 200px; width: 200px; border: 1px solid black; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .fader { diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/overflow-into-content.html b/third_party/WebKit/LayoutTests/compositing/repaint/overflow-into-content.html index b3e873e..d65bb1b 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/overflow-into-content.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/overflow-into-content.html @@ -7,7 +7,7 @@ height: 420px; width: 120px; margin: 20px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } div.outer { position: absolute; } div.wide { width: 100px; height: 50px; } diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/page-scale-repaint.html b/third_party/WebKit/LayoutTests/compositing/repaint/page-scale-repaint.html index 49be06a..b291edf 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/page-scale-repaint.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/page-scale-repaint.html @@ -22,6 +22,6 @@ function runTest() { }); } </script> -<div style="-webkit-transform:translateZ(0);"></div> +<div style="transform:translateZ(0);"></div> </body> </html> diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/repaint-into-ancestor-after-layout.html b/third_party/WebKit/LayoutTests/compositing/repaint/repaint-into-ancestor-after-layout.html index 4ba471d..65b7530 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/repaint-into-ancestor-after-layout.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/repaint-into-ancestor-after-layout.html @@ -24,7 +24,7 @@ background-color: cyan; width: 50px; height: 50px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/requires-backing-repaint.html b/third_party/WebKit/LayoutTests/compositing/repaint/requires-backing-repaint.html index bac588d..0d19dc6 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/requires-backing-repaint.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/requires-backing-repaint.html @@ -9,7 +9,7 @@ height: 50px; margin-left: 50px; background-color: gray; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #overflow { diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/resize-repaint.html b/third_party/WebKit/LayoutTests/compositing/repaint/resize-repaint.html index 3b5a192..fc5890c 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/resize-repaint.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/resize-repaint.html @@ -6,7 +6,7 @@ #resizing { width: 400px; border: 1px solid black; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #resizing > div { diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/same-size-invalidation.html b/third_party/WebKit/LayoutTests/compositing/repaint/same-size-invalidation.html index cc12525..f07eef3 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/same-size-invalidation.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/same-size-invalidation.html @@ -5,7 +5,7 @@ height: 200px; width: 200px; background-color: green; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #tester { diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/should-not-repaint-composited-transform.html b/third_party/WebKit/LayoutTests/compositing/repaint/should-not-repaint-composited-transform.html index 58986347..579adcc 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/should-not-repaint-composited-transform.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/should-not-repaint-composited-transform.html @@ -4,7 +4,7 @@ width: 100px; height: 100px; border: solid 1px black; - -webkit-transform:translate3D(0, 0, 0); + transform:translate3D(0, 0, 0); } </style> <script src="../../fast/repaint/resources/text-based-repaint.js"></script> diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/shrink-layer.html b/third_party/WebKit/LayoutTests/compositing/repaint/shrink-layer.html index e47c91c..1fed8cf 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/shrink-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/shrink-layer.html @@ -3,7 +3,7 @@ <title>Test for bug 62243</title> <style type="text/css"> #ruler { - -webkit-transform: translateZ(0); + transform: translateZ(0); border-bottom: 10px solid black; width: 550px; height: 500px; diff --git a/third_party/WebKit/LayoutTests/compositing/repaint/transform-style-change.html b/third_party/WebKit/LayoutTests/compositing/repaint/transform-style-change.html index 03ea077..581409e 100644 --- a/third_party/WebKit/LayoutTests/compositing/repaint/transform-style-change.html +++ b/third_party/WebKit/LayoutTests/compositing/repaint/transform-style-change.html @@ -1,6 +1,6 @@ <!DOCTYPE html> <!-- Tests that an element composited with transform-style: preserve-3d still renders when switched to transform-style: flat --> -<div id="box" style="width:100px; height:100px; background-color: green; -webkit-transform: translateZ(0); -webkit-transform-style: preserve-3d"></div> +<div id="box" style="width:100px; height:100px; background-color: green; transform: translateZ(0); -webkit-transform-style: preserve-3d"></div> <script src="../../resources/run-after-display.js"></script> <script> function test() { diff --git a/third_party/WebKit/LayoutTests/compositing/rounded-corners.html b/third_party/WebKit/LayoutTests/compositing/rounded-corners.html index 4a06b39..3905e2f 100644 --- a/third_party/WebKit/LayoutTests/compositing/rounded-corners.html +++ b/third_party/WebKit/LayoutTests/compositing/rounded-corners.html @@ -2,6 +2,6 @@ <html> <body> <!-- Test for https://bugs.webkit.org/show_bug.cgi?id=106898 --> - <div style="width: 200px; height: 200px; background: green; border-radius: 25%; -webkit-transform: translateZ(0);"></div> + <div style="width: 200px; height: 200px; background: green; border-radius: 25%; transform: translateZ(0);"></div> </body> </html> diff --git a/third_party/WebKit/LayoutTests/compositing/rtl/rtl-absolute-overflow-scrolled.html b/third_party/WebKit/LayoutTests/compositing/rtl/rtl-absolute-overflow-scrolled.html index 6ef4951..05809f1 100644 --- a/third_party/WebKit/LayoutTests/compositing/rtl/rtl-absolute-overflow-scrolled.html +++ b/third_party/WebKit/LayoutTests/compositing/rtl/rtl-absolute-overflow-scrolled.html @@ -20,7 +20,7 @@ } #layer { - -webkit-transform:translateZ(0); + transform:translateZ(0); background-color: green; } diff --git a/third_party/WebKit/LayoutTests/compositing/rtl/rtl-absolute-overflow.html b/third_party/WebKit/LayoutTests/compositing/rtl/rtl-absolute-overflow.html index 30ad018..c406a05 100644 --- a/third_party/WebKit/LayoutTests/compositing/rtl/rtl-absolute-overflow.html +++ b/third_party/WebKit/LayoutTests/compositing/rtl/rtl-absolute-overflow.html @@ -20,7 +20,7 @@ } .layer { - -webkit-transform:translateZ(0); + transform:translateZ(0); background-color: green; } diff --git a/third_party/WebKit/LayoutTests/compositing/rtl/rtl-absolute.html b/third_party/WebKit/LayoutTests/compositing/rtl/rtl-absolute.html index 45ef3fb..cbda9a1 100644 --- a/third_party/WebKit/LayoutTests/compositing/rtl/rtl-absolute.html +++ b/third_party/WebKit/LayoutTests/compositing/rtl/rtl-absolute.html @@ -20,7 +20,7 @@ } .layer { - -webkit-transform:translateZ(0); + transform:translateZ(0); background-color: green; } diff --git a/third_party/WebKit/LayoutTests/compositing/rtl/rtl-fixed-overflow-scrolled.html b/third_party/WebKit/LayoutTests/compositing/rtl/rtl-fixed-overflow-scrolled.html index b62017b..b68dd07 100644 --- a/third_party/WebKit/LayoutTests/compositing/rtl/rtl-fixed-overflow-scrolled.html +++ b/third_party/WebKit/LayoutTests/compositing/rtl/rtl-fixed-overflow-scrolled.html @@ -21,7 +21,7 @@ } .layer { - -webkit-transform:translateZ(0); + transform:translateZ(0); background-color: green; } diff --git a/third_party/WebKit/LayoutTests/compositing/rtl/rtl-fixed-overflow.html b/third_party/WebKit/LayoutTests/compositing/rtl/rtl-fixed-overflow.html index 7fe034c..62f4c20 100644 --- a/third_party/WebKit/LayoutTests/compositing/rtl/rtl-fixed-overflow.html +++ b/third_party/WebKit/LayoutTests/compositing/rtl/rtl-fixed-overflow.html @@ -20,7 +20,7 @@ } .layer { - -webkit-transform:translateZ(0); + transform:translateZ(0); background-color: green; } diff --git a/third_party/WebKit/LayoutTests/compositing/rtl/rtl-fixed.html b/third_party/WebKit/LayoutTests/compositing/rtl/rtl-fixed.html index fff04ca..40e55eb 100644 --- a/third_party/WebKit/LayoutTests/compositing/rtl/rtl-fixed.html +++ b/third_party/WebKit/LayoutTests/compositing/rtl/rtl-fixed.html @@ -20,7 +20,7 @@ } .layer { - -webkit-transform:translateZ(0); + transform:translateZ(0); background-color: green; } diff --git a/third_party/WebKit/LayoutTests/compositing/rtl/rtl-overflow-invalidation.html b/third_party/WebKit/LayoutTests/compositing/rtl/rtl-overflow-invalidation.html index f371fde..02a2792 100644 --- a/third_party/WebKit/LayoutTests/compositing/rtl/rtl-overflow-invalidation.html +++ b/third_party/WebKit/LayoutTests/compositing/rtl/rtl-overflow-invalidation.html @@ -20,7 +20,7 @@ #root { width: 1000px; height: 1000px; - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/rtl/rtl-relative.html b/third_party/WebKit/LayoutTests/compositing/rtl/rtl-relative.html index 2fd1224..9a49d08 100644 --- a/third_party/WebKit/LayoutTests/compositing/rtl/rtl-relative.html +++ b/third_party/WebKit/LayoutTests/compositing/rtl/rtl-relative.html @@ -16,7 +16,7 @@ } #layer { - -webkit-transform:translateZ(0); + transform:translateZ(0); position: relative; top: 50px; right: 50px; diff --git a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-e.html b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-e.html index e682c51..adcf9cf 100644 --- a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-e.html +++ b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-e.html @@ -2,7 +2,7 @@ <head><title>Test rubber banding overhang drawing in compositing path</title></head> <body> <div style="height:30px; background-color:black; width:100%"> -<b style="-webkit-transform:translateZ(0); position:absolute"></b> +<b style="transform:translateZ(0); position:absolute"></b> </div> <div id="info">This test requires DRT.</div> diff --git a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-n.html b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-n.html index 6067cc1..78ef114 100644 --- a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-n.html +++ b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-n.html @@ -2,7 +2,7 @@ <head><title>Test rubber banding overhang drawing in compositing path</title></head> <body> <div style="height:30px; background-color:black; width:100%"> -<b style="-webkit-transform:translateZ(0); position:absolute"></b> +<b style="transform:translateZ(0); position:absolute"></b> </div> <div id="info">This test requires DRT.</div> diff --git a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-ne.html b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-ne.html index a367109..e2a03dc 100644 --- a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-ne.html +++ b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-ne.html @@ -2,7 +2,7 @@ <head><title>Test rubber banding overhang drawing in compositing path</title></head> <body> <div style="height:30px; background-color:black; width:100%"> -<b style="-webkit-transform:translateZ(0); position:absolute"></b> +<b style="transform:translateZ(0); position:absolute"></b> </div> <div id="info">This test requires DRT.</div> diff --git a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-nw.html b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-nw.html index 2fd2df1..b3a8c6f 100644 --- a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-nw.html +++ b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-nw.html @@ -2,7 +2,7 @@ <head><title>Test rubber banding overhang drawing in compositing path</title></head> <body> <div style="height:30px; background-color:black; width:100%"> -<b style="-webkit-transform:translateZ(0); position:absolute"></b> +<b style="transform:translateZ(0); position:absolute"></b> </div> <div id="info">This test requires DRT.</div> diff --git a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-s.html b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-s.html index 8984693..e9d8461 100644 --- a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-s.html +++ b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-s.html @@ -2,7 +2,7 @@ <head><title>Test rubber banding overhang drawing in compositing path</title></head> <body> <div style="height:30px; background-color:black; width:100%"> -<b style="-webkit-transform:translateZ(0); position:absolute"></b> +<b style="transform:translateZ(0); position:absolute"></b> </div> <div id="info">This test requires DRT.</div> diff --git a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-se.html b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-se.html index 4a7a726..42e62d0 100644 --- a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-se.html +++ b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-se.html @@ -2,7 +2,7 @@ <head><title>Test rubber banding overhang drawing in compositing path</title></head> <body> <div style="height:30px; background-color:black; width:100%"> -<b style="-webkit-transform:translateZ(0); position:absolute"></b> +<b style="transform:translateZ(0); position:absolute"></b> </div> <div id="info">This test requires DRT.</div> diff --git a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-size-change.html b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-size-change.html index d7a341e..3c2340f 100644 --- a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-size-change.html +++ b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-size-change.html @@ -2,7 +2,7 @@ <title>Test rubber banding overhang drawing in compositing path with changes to the size of the overhang</title> <body> <div style="height:30px; background-color:black; width:100%"> -<b style="-webkit-transform:translateZ(0); position:absolute"></b> +<b style="transform:translateZ(0); position:absolute"></b> </div> <div id="info">This test requires DRT.</div> diff --git a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-sw.html b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-sw.html index 56d9d47..4358130 100644 --- a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-sw.html +++ b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-sw.html @@ -2,7 +2,7 @@ <head><title>Test rubber banding overhang drawing in compositing path</title></head> <body> <div style="height:30px; background-color:black; width:100%"> -<b style="-webkit-transform:translateZ(0); position:absolute"></b> +<b style="transform:translateZ(0); position:absolute"></b> </div> <div id="info">This test requires DRT.</div> diff --git a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-w.html b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-w.html index cdc843f..7e23350 100644 --- a/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-w.html +++ b/third_party/WebKit/LayoutTests/compositing/rubberbanding/transform-overhang-w.html @@ -2,7 +2,7 @@ <head><title>Test rubber banding overhang drawing in compositing path</title></head> <body> <div style="height:30px; background-color:black; width:100%"> -<b style="-webkit-transform:translateZ(0); position:absolute"></b> +<b style="transform:translateZ(0); position:absolute"></b> </div> <div id="info">This test requires DRT.</div> diff --git a/third_party/WebKit/LayoutTests/compositing/scaling/tiled-layer-recursion.html b/third_party/WebKit/LayoutTests/compositing/scaling/tiled-layer-recursion.html index f563cc0..ae4944d 100644 --- a/third_party/WebKit/LayoutTests/compositing/scaling/tiled-layer-recursion.html +++ b/third_party/WebKit/LayoutTests/compositing/scaling/tiled-layer-recursion.html @@ -7,7 +7,7 @@ background-color: green; width: 200px; height: 1333px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/scrollbar-painting.html b/third_party/WebKit/LayoutTests/compositing/scrollbar-painting.html index f00a9f1..9215fea 100644 --- a/third_party/WebKit/LayoutTests/compositing/scrollbar-painting.html +++ b/third_party/WebKit/LayoutTests/compositing/scrollbar-painting.html @@ -1,7 +1,7 @@ <!DOCTYPE html> <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .container { diff --git a/third_party/WebKit/LayoutTests/compositing/scrollbars/custom-composited-different-track-parts.html b/third_party/WebKit/LayoutTests/compositing/scrollbars/custom-composited-different-track-parts.html index 6329331..5f0805c 100644 --- a/third_party/WebKit/LayoutTests/compositing/scrollbars/custom-composited-different-track-parts.html +++ b/third_party/WebKit/LayoutTests/compositing/scrollbars/custom-composited-different-track-parts.html @@ -60,7 +60,7 @@ </script> </head> <body> -<div style="width: 1600px; height: 1000px; -webkit-transform: translateZ(0);"> +<div style="width: 1600px; height: 1000px; transform: translateZ(0);"> </div> <div style="position : absolute; left : 450; top : 350; width : 200px; height : 100px; border-style : solid; border-color : green; border-width : 2px"> <!--- diff --git a/third_party/WebKit/LayoutTests/compositing/shadows/shadow-drawing.html b/third_party/WebKit/LayoutTests/compositing/shadows/shadow-drawing.html index 57cac52..adb240a 100644 --- a/third_party/WebKit/LayoutTests/compositing/shadows/shadow-drawing.html +++ b/third_party/WebKit/LayoutTests/compositing/shadows/shadow-drawing.html @@ -14,7 +14,7 @@ } .compositing { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .shadowed { @@ -22,7 +22,7 @@ color: blue; text-align: center; text-shadow: 0 10px 3px rgba(0, 0, 0, 0.5); - -webkit-transform: rotate(10deg); + transform: rotate(10deg); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/sibling-positioning.html b/third_party/WebKit/LayoutTests/compositing/sibling-positioning.html index 4afc70f..91d2c54 100644 --- a/third_party/WebKit/LayoutTests/compositing/sibling-positioning.html +++ b/third_party/WebKit/LayoutTests/compositing/sibling-positioning.html @@ -33,11 +33,11 @@ } #piece:hover { - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } #piece.moved { - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/abspos-under-abspos-overflow-scroll.html b/third_party/WebKit/LayoutTests/compositing/squashing/abspos-under-abspos-overflow-scroll.html index 0417ab4..3e48774 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/abspos-under-abspos-overflow-scroll.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/abspos-under-abspos-overflow-scroll.html @@ -2,7 +2,7 @@ .first { height:400px; background-color: red; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .second { @@ -11,7 +11,7 @@ background-color:blue; width:7px; height:562px; - position: absolute; -webkit-transform: translateX(0) + position: absolute; transform: translateX(0) } .outer { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/add-remove-squashed-layers.html b/third_party/WebKit/LayoutTests/compositing/squashing/add-remove-squashed-layers.html index 0cb63bb..592f767 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/add-remove-squashed-layers.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/add-remove-squashed-layers.html @@ -10,7 +10,7 @@ div { } .composited { - -webkit-transform: translatez(0); + transform: translatez(0); top: 60px; left: 60px; width: 400px; diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/backing-owner-determines-scroll-parent.html b/third_party/WebKit/LayoutTests/compositing/squashing/backing-owner-determines-scroll-parent.html index 024a6d3..3339781 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/backing-owner-determines-scroll-parent.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/backing-owner-determines-scroll-parent.html @@ -19,7 +19,7 @@ padding-left: 10px; padding-right: 10px; padding-bottom: 100px; - -webkit-transform: scale(0.5, 0.5); + transform: scale(0.5, 0.5); } </style> <body> diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/clip-to-squashed-layer-size.html b/third_party/WebKit/LayoutTests/compositing/squashing/clip-to-squashed-layer-size.html index bce268f..d27ab486 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/clip-to-squashed-layer-size.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/clip-to-squashed-layer-size.html @@ -6,7 +6,7 @@ </script> </head> <body> - <div style=" width: 1px; height: 100px; -webkit-transform: translateZ(0px); position:absolute; top:0px; background-color: lightgray"> + <div style=" width: 1px; height: 100px; transform: translateZ(0px); position:absolute; top:0px; background-color: lightgray"> </div> <div style="width: 10px; height: 10px; overflow: hidden; position: absolute; left: 0px; top: 0px; "> <div style="height: 100px; width:100px; background-color:lightgreen" /> diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/clipping-ancestor.html b/third_party/WebKit/LayoutTests/compositing/squashing/clipping-ancestor.html index ebcfd62..470938c 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/clipping-ancestor.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/clipping-ancestor.html @@ -1,7 +1,7 @@ <!DOCTYPE html> <style> .hoverable:hover { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script> @@ -20,7 +20,7 @@ window.addEventListener('load', dumpLayers, false) </script> <div style="overflow: hidden; height: 10px; width: 200px; background-color: lightblue"> - <div id="inner" style="-webkit-transform: translateZ(0); height: 10px; background-color: whitesmoke"></div> + <div id="inner" style="transform: translateZ(0); height: 10px; background-color: whitesmoke"></div> </div> <!-- This div should not sqaush into the inner div, because it is inside an overflow:hidden div which therefore clips differently than this div's parent --> <div class="hoverable" style="position:absolute; top: 0px; height:100px; width:100px; background-color: lightgreen"></div> diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/invisible-layers-should-not-affect-geometry.html b/third_party/WebKit/LayoutTests/compositing/squashing/invisible-layers-should-not-affect-geometry.html index cb5a72d..598e79b 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/invisible-layers-should-not-affect-geometry.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/invisible-layers-should-not-affect-geometry.html @@ -18,7 +18,7 @@ background-color: red; } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/move-squashing-layer.html b/third_party/WebKit/LayoutTests/compositing/squashing/move-squashing-layer.html index d84e450..770bd3d 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/move-squashing-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/move-squashing-layer.html @@ -19,11 +19,11 @@ background-color: green; top: 100px; z-index: 1; - -webkit-transform:translateZ(0); + transform:translateZ(0); } #background { - -webkit-transform:translateZ(0); + transform:translateZ(0); z-index: 0; position: absolute; top: 50px; diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/no-squashing-into-another-clip-layer.html b/third_party/WebKit/LayoutTests/compositing/squashing/no-squashing-into-another-clip-layer.html index a7dc88b..71fbdd2 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/no-squashing-into-another-clip-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/no-squashing-into-another-clip-layer.html @@ -1,7 +1,7 @@ <!DOCTYPE html> <style> .hoverable:hover { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script> @@ -19,8 +19,8 @@ } window.addEventListener('load', dumpLayers, false) </script> -<div style="-webkit-transform: translateZ(0); overflow: hidden; height: 10px; background-color: lightblue"> - <div id="inner" style="-webkit-transform: translateZ(0); height: 10px; background-color: whitesmoke"> +<div style="transform: translateZ(0); overflow: hidden; height: 10px; background-color: lightblue"> + <div id="inner" style="transform: translateZ(0); height: 10px; background-color: whitesmoke"> </div> </div> <!-- This div should not sqaush into the inner div, because it is inside an overflow:hidden div which therefore clips differently than this div's parent --> diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/opacity-squashed-owner.html b/third_party/WebKit/LayoutTests/compositing/squashing/opacity-squashed-owner.html index 33dded4..a4150cf 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/opacity-squashed-owner.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/opacity-squashed-owner.html @@ -17,7 +17,7 @@ left: 16px; } .composited { - -webkit-transform: translateZ(0px); + transform: translateZ(0px); } .opaque { opacity: 0.5; diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/overflow-scroll-grandchildren.html b/third_party/WebKit/LayoutTests/compositing/squashing/overflow-scroll-grandchildren.html index 5c44d48..fb58795 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/overflow-scroll-grandchildren.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/overflow-scroll-grandchildren.html @@ -14,7 +14,7 @@ height: 200px; left: 20px; top: 20px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #subcontainer { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/repaint-child-of-squashed.html b/third_party/WebKit/LayoutTests/compositing/squashing/repaint-child-of-squashed.html index eea249b0..cc9cce4 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/repaint-child-of-squashed.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/repaint-child-of-squashed.html @@ -3,7 +3,7 @@ <script src="../../resources/run-after-display.js"></script> <style> .composited { --webkit-transform: translatez(0); +transform: translatez(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/repaint-squashed-layer-in-rect.html b/third_party/WebKit/LayoutTests/compositing/squashing/repaint-squashed-layer-in-rect.html index 0742e88..b602ab3 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/repaint-squashed-layer-in-rect.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/repaint-squashed-layer-in-rect.html @@ -1,5 +1,5 @@ <!doctype html> -<div style="height: 800px; width: 800px; background-color: lightgray; -webkit-transform:translateZ(0)"> +<div style="height: 800px; width: 800px; background-color: lightgray; transform:translateZ(0)"> </div> <div style="position:absolute; top: 0px; height: 200px; width: 200px"> </div> diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/resize-squashing-layer-that-needs-full-repaint.html b/third_party/WebKit/LayoutTests/compositing/squashing/resize-squashing-layer-that-needs-full-repaint.html index 58ee595..155d4a1 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/resize-squashing-layer-that-needs-full-repaint.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/resize-squashing-layer-that-needs-full-repaint.html @@ -2,7 +2,7 @@ <script src="../../fast/repaint/resources/text-based-repaint.js"></script> <!-- The second two divs form a combined squashing layer. display:none'ing the first of them will resize the squashing layer. --> -<div style="width: 500px; height: 500px; -webkit-transform: translateZ(0)"></div> +<div style="width: 500px; height: 500px; transform: translateZ(0)"></div> <div style="position: absolute; top: 55px; left: 55px; width: 500px; height: 500px; background-color: lightblue"></div> <div id="to-be-removed" style="position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; background-color: lightgray"></div> diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/resources/squash-with-ancestor-property.css b/third_party/WebKit/LayoutTests/compositing/squashing/resources/squash-with-ancestor-property.css index dfbcea1..fbd3019 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/resources/squash-with-ancestor-property.css +++ b/third_party/WebKit/LayoutTests/compositing/squashing/resources/squash-with-ancestor-property.css @@ -1,7 +1,7 @@ #composited-background { width: 100%; height: 100%; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #container { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-1.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-1.html index 26cf028..9f4bb2f 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-1.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-1.html @@ -4,7 +4,7 @@ <script src="../../resources/run-after-display.js"></script> <style> .composited { - -webkit-transform: translatez(0); + transform: translatez(0); } .background { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-3.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-3.html index 92dd8e9..4e3b3db 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-3.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-3.html @@ -5,7 +5,7 @@ <style> #backgroundFixed { - -webkit-transform: translatez(0); + transform: translatez(0); position: fixed; height: 400px; width: 400px; @@ -25,7 +25,7 @@ } #innerFixed { - -webkit-transform: translatez(0); + transform: translatez(0); background-color: blue; position: fixed; top: 150px; diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-subpixel-1-expected.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-subpixel-1-expected.html index 233685d..14adb71 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-subpixel-1-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-subpixel-1-expected.html @@ -3,7 +3,7 @@ <head> <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .background { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-subpixel-1.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-subpixel-1.html index 031a641..def9124 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-subpixel-1.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-subpixel-1.html @@ -3,7 +3,7 @@ <head> <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .background { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-subpixel-2-expected.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-subpixel-2-expected.html index 1fbb553..e6bd95f 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-subpixel-2-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-subpixel-2-expected.html @@ -3,7 +3,7 @@ <head> <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .background { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-subpixel-2.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-subpixel-2.html index 0605d0f..fa6cf39 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-subpixel-2.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-subpixel-2.html @@ -3,7 +3,7 @@ <head> <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .background { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-canvas-expected.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-canvas-expected.html index 98920bf..c76af93 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-canvas-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-canvas-expected.html @@ -13,7 +13,7 @@ canvas { height: 100px; background: green; position: absolute; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #overlap { width: 10px; diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-canvas.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-canvas.html index 6b66920..9bbb8f3 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-canvas.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-canvas.html @@ -13,7 +13,7 @@ canvas { height: 100px; background: green; position: absolute; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #overlap { width: 10px; diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-clipped-expected.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-clipped-expected.html index 3c56cb4..2645c7a 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-clipped-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-clipped-expected.html @@ -2,7 +2,7 @@ <head> <style> .composited { - -webkit-transform: translatez(0); + transform: translatez(0); } .box { @@ -43,7 +43,7 @@ } .clipper { - -webkit-transform: translatez(0); + transform: translatez(0); width: 400px; height: 400px; background-color: gray; diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-clipped.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-clipped.html index e1ecb50..67504d0 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-clipped.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-clipped.html @@ -2,7 +2,7 @@ <head> <style> .composited { - -webkit-transform: translatez(0); + transform: translatez(0); } .box { @@ -43,7 +43,7 @@ } .clipper { - -webkit-transform: translatez(0); + transform: translatez(0); width: 400px; height: 400px; background-color: gray; diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-compositing-hover.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-compositing-hover.html index 37f3030..f5f53ef 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-compositing-hover.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-compositing-hover.html @@ -2,7 +2,7 @@ <head> <style> .composited { --webkit-transform: translatez(0); +transform: translatez(0); } .box { @@ -44,7 +44,7 @@ div:hover { background-color: green; - -webkit-transform:translatez(0); + transform:translatez(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-1-expected.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-1-expected.html index 3b61235..d627c83 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-1-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-1-expected.html @@ -2,7 +2,7 @@ <head> <style> .composited { --webkit-transform: translatez(0); +transform: translatez(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-1.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-1.html index aca8619..a348007 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-1.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-1.html @@ -2,7 +2,7 @@ <head> <style> .composited { --webkit-transform: translatez(0); +transform: translatez(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-2-expected.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-2-expected.html index a848d28b..4659d14 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-2-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-2-expected.html @@ -2,7 +2,7 @@ <head> <style> .composited { --webkit-transform: translatez(0); +transform: translatez(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-2.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-2.html index 734f920e..c82b34a 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-2.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-2.html @@ -2,7 +2,7 @@ <head> <style> .composited { --webkit-transform: translatez(0); +transform: translatez(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-3-expected.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-3-expected.html index 423953d..5a447d4 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-3-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-3-expected.html @@ -2,7 +2,7 @@ <head> <style> .composited { --webkit-transform: translatez(0); +transform: translatez(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-3.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-3.html index eff0688..9342ec9 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-3.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew-subpixel-3.html @@ -2,7 +2,7 @@ <head> <style> .composited { --webkit-transform: translatez(0); +transform: translatez(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew.html index 9295834..d8d4844 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew.html @@ -2,7 +2,7 @@ <head> <style> .composited { --webkit-transform: translatez(0); +transform: translatez(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-transform-backing.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-transform-backing.html index 31144ca..3bacfb1 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-transform-backing.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-transform-backing.html @@ -3,7 +3,7 @@ <style> .compositedAndRotated { --webkit-transform: translatez(0) rotate(45deg); +transform: translatez(0) rotate(45deg); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-overflow-hidden-contents.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-overflow-hidden-contents.html index dfb085c..0993fb6 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-overflow-hidden-contents.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-overflow-hidden-contents.html @@ -21,7 +21,7 @@ left: 20px; width: 100px; height: 100px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-overflow-hidden-scrolltop.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-overflow-hidden-scrolltop.html index 16081bb..f8543a2 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-overflow-hidden-scrolltop.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-overflow-hidden-scrolltop.html @@ -22,7 +22,7 @@ left: 20px; width: 100px; height: 100px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .top { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-partial-repaint-inside-squashed-layer.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-partial-repaint-inside-squashed-layer.html index 1c15ef7..3c55dd15 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-partial-repaint-inside-squashed-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-partial-repaint-inside-squashed-layer.html @@ -2,7 +2,7 @@ <head> <style> .composited { --webkit-transform: translatez(0); +transform: translatez(0); } .box { @@ -46,7 +46,7 @@ div:hover { background-color: green; - -webkit-transform:translatez(0); + transform:translatez(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-simple.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-simple.html index 9e466634..1ec5bdb 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-simple.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-simple.html @@ -2,7 +2,7 @@ <head> <style> .composited { --webkit-transform: translatez(0); +transform: translatez(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-three-layers.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-three-layers.html index 8e87adf..5d3a6e4 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-three-layers.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-three-layers.html @@ -2,7 +2,7 @@ <head> <style> .composited { --webkit-transform: translatez(0); +transform: translatez(0); } .box { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-transform-repainting-child.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-transform-repainting-child.html index d205dec..bf74046 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-transform-repainting-child.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-transform-repainting-child.html @@ -3,7 +3,7 @@ <script src="../../resources/run-after-display.js"></script> <style> .composited { --webkit-transform: translatez(0); +transform: translatez(0); } .box { @@ -25,7 +25,7 @@ top: 20px; left: 20px; background-color: lime; - -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .top { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-transform-repainting-transformed-child.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-transform-repainting-transformed-child.html index 2bb1006..31160d5 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-transform-repainting-transformed-child.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-transform-repainting-transformed-child.html @@ -3,7 +3,7 @@ <script src="../../resources/run-after-display.js"></script> <style> .composited { --webkit-transform: translatez(0); +transform: translatez(0); } .box { @@ -25,7 +25,7 @@ top: 20px; left: 20px; background-color: lime; - -webkit-transform: rotate(22deg); + transform: rotate(22deg); } .top { @@ -43,7 +43,7 @@ width: 50px; height: 50px; background-color: magenta; - -webkit-transform: rotate(22deg); + transform: rotate(22deg); } div:hover { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-transform.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-transform.html index 10a032e..dbd6ee4 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-transform.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-transform.html @@ -2,7 +2,7 @@ <head> <style> .composited { --webkit-transform: translatez(0); +transform: translatez(0); } .box { @@ -24,7 +24,7 @@ top: 20px; left: 20px; background-color: lime; - -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .top { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-with-ancestor-transform-expected.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-with-ancestor-transform-expected.html index c5373e2..5746c94 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-with-ancestor-transform-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-with-ancestor-transform-expected.html @@ -3,7 +3,7 @@ <link rel="stylesheet" href="resources/squash-with-ancestor-property.css"> <style> #ancestor { - -webkit-transform: translateY(50px); + transform: translateY(50px); } </style> <script src="resources/squash-with-ancestor-property.js"></script> diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-with-ancestor-transform.html b/third_party/WebKit/LayoutTests/compositing/squashing/squash-with-ancestor-transform.html index c979b1a..0c59dd2 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-with-ancestor-transform.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-with-ancestor-transform.html @@ -3,7 +3,7 @@ <link rel="stylesheet" href="resources/squash-with-ancestor-property.css"> <style> #ancestor { - -webkit-transform: translateY(50px); + transform: translateY(50px); } </style> <script src="resources/squash-with-ancestor-property.js"></script> diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squashed-layer-color-update.html b/third_party/WebKit/LayoutTests/compositing/squashing/squashed-layer-color-update.html index 60bc3d6..558de94 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squashed-layer-color-update.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squashed-layer-color-update.html @@ -15,7 +15,7 @@ height: 100px; width: 100px; background-color: lightblue; - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squashed-layer-loses-graphicslayer.html b/third_party/WebKit/LayoutTests/compositing/squashing/squashed-layer-loses-graphicslayer.html index 3f3ccba..1a3f5b3 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squashed-layer-loses-graphicslayer.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squashed-layer-loses-graphicslayer.html @@ -11,7 +11,7 @@ div { } .composited { - -webkit-transform: translatez(0); + transform: translatez(0); } .underneath { @@ -40,7 +40,7 @@ div { div:hover { background-color: green; - -webkit-transform: none; + transform: none; } .green { diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squashed-repaints.html b/third_party/WebKit/LayoutTests/compositing/squashing/squashed-repaints.html index 6dea9ee..3b2671b 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squashed-repaints.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squashed-repaints.html @@ -11,7 +11,7 @@ div { } .composited { - -webkit-transform: translatez(0); + transform: translatez(0); top: 60px; left: 60px; background-color: gray; diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squashing-into-ancestor-painted-layer-expected.html b/third_party/WebKit/LayoutTests/compositing/squashing/squashing-into-ancestor-painted-layer-expected.html index c537c6d..5180d11 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squashing-into-ancestor-painted-layer-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squashing-into-ancestor-painted-layer-expected.html @@ -1,7 +1,7 @@ <!DOCTYPE HTML> <style> body { - -webkit-transform: translateZ(0); + transform: translateZ(0); } #overlapper { width: 400px; @@ -9,7 +9,7 @@ body { left: 200px; background: gray; position: absolute; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #container { @@ -26,7 +26,7 @@ body { left: 200px; background: green; position: absolute; - -webkit-transform: translateZ(10px); + transform: translateZ(10px); visibility: hidden; } diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squashing-into-ancestor-painted-layer.html b/third_party/WebKit/LayoutTests/compositing/squashing/squashing-into-ancestor-painted-layer.html index 8003e04..bf4c009 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squashing-into-ancestor-painted-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squashing-into-ancestor-painted-layer.html @@ -9,7 +9,7 @@ --> <style> body { - -webkit-transform: translateZ(0); + transform: translateZ(0); } #overlapper { width: 400px; @@ -17,7 +17,7 @@ body { left: 200px; background: gray; position: absolute; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #container { @@ -34,7 +34,7 @@ body { left: 200px; background: green; position: absolute; - -webkit-transform: translateZ(10px); + transform: translateZ(10px); visibility: hidden; } diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squashing-sparsity-heuristic.html b/third_party/WebKit/LayoutTests/compositing/squashing/squashing-sparsity-heuristic.html index c1ead16..7f85475 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/squashing-sparsity-heuristic.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/squashing-sparsity-heuristic.html @@ -10,7 +10,7 @@ div { } .composited { - -webkit-transform: translatez(0); + transform: translatez(0); top: 60px; left: 60px; width: 400px; diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/transform-squashed-owner-expected.html b/third_party/WebKit/LayoutTests/compositing/squashing/transform-squashed-owner-expected.html index 4b07d14..203e0af 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/transform-squashed-owner-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/transform-squashed-owner-expected.html @@ -19,7 +19,7 @@ left: 16px; } .composited { - -webkit-transform: translateZ(0px); + transform: translateZ(0px); } .rotated { rotate(10deg); } diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/visibility-composited-squashing.html b/third_party/WebKit/LayoutTests/compositing/squashing/visibility-composited-squashing.html index 27b2ea2..bb47513 100644 --- a/third_party/WebKit/LayoutTests/compositing/squashing/visibility-composited-squashing.html +++ b/third_party/WebKit/LayoutTests/compositing/squashing/visibility-composited-squashing.html @@ -25,7 +25,7 @@ visibility: visible; } .composited { - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/compositing/sub-layer-focus-ring-expected.html b/third_party/WebKit/LayoutTests/compositing/sub-layer-focus-ring-expected.html index 7f7df15..dbc6806 100644 --- a/third_party/WebKit/LayoutTests/compositing/sub-layer-focus-ring-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/sub-layer-focus-ring-expected.html @@ -3,7 +3,7 @@ <head> <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .outer { diff --git a/third_party/WebKit/LayoutTests/compositing/sub-layer-focus-ring.html b/third_party/WebKit/LayoutTests/compositing/sub-layer-focus-ring.html index be41e90..d814513 100644 --- a/third_party/WebKit/LayoutTests/compositing/sub-layer-focus-ring.html +++ b/third_party/WebKit/LayoutTests/compositing/sub-layer-focus-ring.html @@ -3,7 +3,7 @@ <head> <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .outer { diff --git a/third_party/WebKit/LayoutTests/compositing/text-on-large-layer.html b/third_party/WebKit/LayoutTests/compositing/text-on-large-layer.html index d408670..97c4ff3 100644 --- a/third_party/WebKit/LayoutTests/compositing/text-on-large-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/text-on-large-layer.html @@ -10,7 +10,7 @@ if (window.testRunner) { } </script> <body style="overflow:hidden"> -<div style="-webkit-transform:translateZ(0); width: 2000px; height: 10000px; top:1px; left:3px; position:absolute"> +<div style="transform:translateZ(0); width: 2000px; height: 10000px; top:1px; left:3px; position:absolute"> This is some text inside a very large composited layer to test that it is rendered sharply.<br> The test passes if this text is crisp. </div> diff --git a/third_party/WebKit/LayoutTests/compositing/text-on-scaled-layer-expected.html b/third_party/WebKit/LayoutTests/compositing/text-on-scaled-layer-expected.html index fc0bbcd..e547a99 100644 --- a/third_party/WebKit/LayoutTests/compositing/text-on-scaled-layer-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/text-on-scaled-layer-expected.html @@ -6,8 +6,8 @@ if (window.testRunner) { } </script> <body style="overflow:hidden"> -<div style="-webkit-transform-origin: 0 0; -webkit-transform:translate(50px,50px) scale(1.5); background: green; width:30em"> - <div style="-webkit-transform-origin: 0 0; -webkit-transform:scale(1.5);"> +<div style="-webkit-transform-origin: 0 0; transform:translate(50px,50px) scale(1.5); background: green; width:30em"> + <div style="-webkit-transform-origin: 0 0; transform:scale(1.5);"> <!-- Use short lines of text to avoid accumulating error --> Text on<br/> a scaled<br/> diff --git a/third_party/WebKit/LayoutTests/compositing/text-on-scaled-layer.html b/third_party/WebKit/LayoutTests/compositing/text-on-scaled-layer.html index 8692293..b3f5d56 100644 --- a/third_party/WebKit/LayoutTests/compositing/text-on-scaled-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/text-on-scaled-layer.html @@ -6,8 +6,8 @@ if (window.testRunner) { } </script> <body style="overflow:hidden"> -<div style="-webkit-transform-origin: 0 0; -webkit-transform:translateZ(0) translate(50px,50px) scale(1.5); background: green; width:30em"> - <div style="-webkit-transform-origin: 0 0; -webkit-transform:translateZ(0) scale(1.5);"> +<div style="-webkit-transform-origin: 0 0; transform:translateZ(0) translate(50px,50px) scale(1.5); background: green; width:30em"> + <div style="-webkit-transform-origin: 0 0; transform:translateZ(0) scale(1.5);"> <!-- Use short lines of text to avoid accumulating error --> Text on<br/> a scaled<br/> diff --git a/third_party/WebKit/LayoutTests/compositing/text-on-scaled-surface-expected.html b/third_party/WebKit/LayoutTests/compositing/text-on-scaled-surface-expected.html index e5919ec..b67f858 100644 --- a/third_party/WebKit/LayoutTests/compositing/text-on-scaled-surface-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/text-on-scaled-surface-expected.html @@ -6,8 +6,8 @@ if (window.testRunner) { } </script> <body style="overflow:hidden"> -<div style="-webkit-transform-origin: 0 0; -webkit-transform:translate(50px,50px) scale(1.5); background: green; width:30em; height:8em;"> - <div style="-webkit-transform-origin: 0 0; -webkit-transform:scale(1.5);"> +<div style="-webkit-transform-origin: 0 0; transform:translate(50px,50px) scale(1.5); background: green; width:30em; height:8em;"> + <div style="-webkit-transform-origin: 0 0; transform:scale(1.5);"> <!-- Use short lines of text to avoid accumulating error --> Text on<br/> a scaled<br/> diff --git a/third_party/WebKit/LayoutTests/compositing/text-on-scaled-surface.html b/third_party/WebKit/LayoutTests/compositing/text-on-scaled-surface.html index 1f057c8..e48b486 100644 --- a/third_party/WebKit/LayoutTests/compositing/text-on-scaled-surface.html +++ b/third_party/WebKit/LayoutTests/compositing/text-on-scaled-surface.html @@ -6,9 +6,9 @@ if (window.testRunner) { } </script> <body style="overflow:hidden"> -<div style="-webkit-transform-origin: 0 0; -webkit-transform:translateZ(0) translate(50px,50px) scale(1.5); background: green; width:30em; height:8em; +<div style="-webkit-transform-origin: 0 0; transform:translateZ(0) translate(50px,50px) scale(1.5); background: green; width:30em; height:8em; -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,1)))"> - <div style="-webkit-transform-origin: 0 0; -webkit-transform:translateZ(0) scale(1.5);"> + <div style="-webkit-transform-origin: 0 0; transform:translateZ(0) scale(1.5);"> <!-- Use short lines of text to avoid accumulating error --> Text on<br/> a scaled<br/> diff --git a/third_party/WebKit/LayoutTests/compositing/tiled-layers-hidpi.html b/third_party/WebKit/LayoutTests/compositing/tiled-layers-hidpi.html index 2a8ab3f..5183430 100644 --- a/third_party/WebKit/LayoutTests/compositing/tiled-layers-hidpi.html +++ b/third_party/WebKit/LayoutTests/compositing/tiled-layers-hidpi.html @@ -3,7 +3,7 @@ #composited { width: 1800px; height: 10px; - -webkit-transform: translateZ(0); + transform: translateZ(0); background-color: blue; } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/transitions/opacity-on-inline.html b/third_party/WebKit/LayoutTests/compositing/transitions/opacity-on-inline.html index 1feb01c..e4d8b05 100644 --- a/third_party/WebKit/LayoutTests/compositing/transitions/opacity-on-inline.html +++ b/third_party/WebKit/LayoutTests/compositing/transitions/opacity-on-inline.html @@ -29,7 +29,7 @@ <p>This should not assert in debug builds</p> <span id="fader">Opacity fade on inline</span> -<div style="-webkit-transform: translateZ(0)"> <!-- throw the page into compositing mode --> +<div style="transform: translateZ(0)"> <!-- throw the page into compositing mode --> </div> </body> diff --git a/third_party/WebKit/LayoutTests/compositing/transitions/scale-transition-no-start.html b/third_party/WebKit/LayoutTests/compositing/transitions/scale-transition-no-start.html index 544cb2a..e1ed664 100644 --- a/third_party/WebKit/LayoutTests/compositing/transitions/scale-transition-no-start.html +++ b/third_party/WebKit/LayoutTests/compositing/transitions/scale-transition-no-start.html @@ -29,11 +29,11 @@ } .box.final #inner1 { - -webkit-transform: scale(2); + transform: scale(2); } .box.final #inner2 { - -webkit-transform: scaleX(2); + transform: scaleX(2); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/transitions/singular-scale-transition.html b/third_party/WebKit/LayoutTests/compositing/transitions/singular-scale-transition.html index 1ee5d89..2b76bd7 100644 --- a/third_party/WebKit/LayoutTests/compositing/transitions/singular-scale-transition.html +++ b/third_party/WebKit/LayoutTests/compositing/transitions/singular-scale-transition.html @@ -14,16 +14,16 @@ height: 200px; width: 200px; background-color: gray; - -webkit-transform: scale(0); + transform: scale(0); -webkit-transition: -webkit-transform 1s linear; } #box.final #inner { - -webkit-transform: scale(1); + transform: scale(1); } #box:hover #inner { - -webkit-transform: scale(1); + transform: scale(1); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/transitions/transform-on-large-layer.html b/third_party/WebKit/LayoutTests/compositing/transitions/transform-on-large-layer.html index 291c9cd..31ce383 100644 --- a/third_party/WebKit/LayoutTests/compositing/transitions/transform-on-large-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/transitions/transform-on-large-layer.html @@ -19,11 +19,11 @@ } .end { - -webkit-transform: translate3d(0, -1000px, 0); + transform: translate3d(0, -1000px, 0); } .start { - -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } </style> <script type="text/javascript"> diff --git a/third_party/WebKit/LayoutTests/compositing/update-paint-phases.html b/third_party/WebKit/LayoutTests/compositing/update-paint-phases.html index c94a399..eb79e80 100644 --- a/third_party/WebKit/LayoutTests/compositing/update-paint-phases.html +++ b/third_party/WebKit/LayoutTests/compositing/update-paint-phases.html @@ -16,7 +16,7 @@ .neg-zorder { position: relative; z-index: -1; - -webkit-transform: translateZ(0); + transform: translateZ(0); background: blue; } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/video/video-controls-layer-creation-squashing-expected.html b/third_party/WebKit/LayoutTests/compositing/video/video-controls-layer-creation-squashing-expected.html index 6c5dfc4..aaa3f6b 100644 --- a/third_party/WebKit/LayoutTests/compositing/video/video-controls-layer-creation-squashing-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/video/video-controls-layer-creation-squashing-expected.html @@ -3,7 +3,7 @@ <head> <style> div { - -webkit-transform:translateZ(0); + transform:translateZ(0); position: absolute; top: 100px; left: 0px; diff --git a/third_party/WebKit/LayoutTests/compositing/video/video-controls-layer-creation-squashing.html b/third_party/WebKit/LayoutTests/compositing/video/video-controls-layer-creation-squashing.html index fb64b57..6b8e8a9 100644 --- a/third_party/WebKit/LayoutTests/compositing/video/video-controls-layer-creation-squashing.html +++ b/third_party/WebKit/LayoutTests/compositing/video/video-controls-layer-creation-squashing.html @@ -3,7 +3,7 @@ <head> <style> div { - -webkit-transform:translateZ(0); + transform:translateZ(0); position: absolute; top: 100px; left: 0px; diff --git a/third_party/WebKit/LayoutTests/compositing/video/video-controls-layer-creation.html b/third_party/WebKit/LayoutTests/compositing/video/video-controls-layer-creation.html index b095f2c..9994d4e 100644 --- a/third_party/WebKit/LayoutTests/compositing/video/video-controls-layer-creation.html +++ b/third_party/WebKit/LayoutTests/compositing/video/video-controls-layer-creation.html @@ -3,7 +3,7 @@ <head> <style> div { - -webkit-transform:translateZ(0); + transform:translateZ(0); position: absolute; top: 100px; left: 0px; diff --git a/third_party/WebKit/LayoutTests/compositing/visibility/layer-visible-content.html b/third_party/WebKit/LayoutTests/compositing/visibility/layer-visible-content.html index 21cb921..71d2f65 100644 --- a/third_party/WebKit/LayoutTests/compositing/visibility/layer-visible-content.html +++ b/third_party/WebKit/LayoutTests/compositing/visibility/layer-visible-content.html @@ -31,7 +31,7 @@ background-color:green; } .composited { - -webkit-transform:translateZ(0); + transform:translateZ(0); height: 10px; width: 10px; } diff --git a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-composited-incremental-update.html b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-composited-incremental-update.html index 8389ef7..39c729f 100644 --- a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-composited-incremental-update.html +++ b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-composited-incremental-update.html @@ -30,7 +30,7 @@ background-color: green !important; } .composited { - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } .visible-indicator { diff --git a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-composited-transforms.html b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-composited-transforms.html index 0acfc65..48868af 100644 --- a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-composited-transforms.html +++ b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-composited-transforms.html @@ -27,7 +27,7 @@ background-color: green !important; } .composited { - -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); } .hidden-indicator { @@ -35,7 +35,7 @@ } .intermediate { - -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-style: preserve-3d; background-color: red; } diff --git a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-composited.html b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-composited.html index 73f69c4..5691060 100644 --- a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-composited.html +++ b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-composited.html @@ -31,7 +31,7 @@ background-color: green !important; } .composited { - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } .visible-indicator { diff --git a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-image-layers-dynamic.html b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-image-layers-dynamic.html index eb46ec5..0095a90 100644 --- a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-image-layers-dynamic.html +++ b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-image-layers-dynamic.html @@ -34,7 +34,7 @@ background-color: green !important; } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .visible-indicator { diff --git a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-image-layers.html b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-image-layers.html index 03f3220..79a896b 100644 --- a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-image-layers.html +++ b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-image-layers.html @@ -34,7 +34,7 @@ background-color: green !important; } .composited { - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } .visible-indicator { diff --git a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-on-distant-descendant.html b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-on-distant-descendant.html index 99ecbea..d1ffef1 100644 --- a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-on-distant-descendant.html +++ b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-on-distant-descendant.html @@ -17,7 +17,7 @@ } .composited { - -webkit-transform: translatez(0); + transform: translatez(0); } .topLeft { diff --git a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-remove-layer.html b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-remove-layer.html index e0eec71..ed39445 100644 --- a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-remove-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-remove-layer.html @@ -30,7 +30,7 @@ background-color: green !important; } .composited { - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } .visible-indicator { diff --git a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-simple-canvas2d-layer.html b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-simple-canvas2d-layer.html index 95f75d8..dc89b91 100644 --- a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-simple-canvas2d-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-simple-canvas2d-layer.html @@ -15,7 +15,7 @@ } .composited { - -webkit-transform: translatez(0); + transform: translatez(0); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-simple-video-layer.html b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-simple-video-layer.html index 3f61e10..42d13f1 100644 --- a/third_party/WebKit/LayoutTests/compositing/visibility/visibility-simple-video-layer.html +++ b/third_party/WebKit/LayoutTests/compositing/visibility/visibility-simple-video-layer.html @@ -24,7 +24,7 @@ } .composited { - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } </style> diff --git a/third_party/WebKit/LayoutTests/compositing/webgl/webgl-with-accelerated-background-color-expected.html b/third_party/WebKit/LayoutTests/compositing/webgl/webgl-with-accelerated-background-color-expected.html index 197fec4..63316ef 100644 --- a/third_party/WebKit/LayoutTests/compositing/webgl/webgl-with-accelerated-background-color-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/webgl/webgl-with-accelerated-background-color-expected.html @@ -22,7 +22,7 @@ position: relative; } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/compositing/webgl/webgl-with-accelerated-background-color.html b/third_party/WebKit/LayoutTests/compositing/webgl/webgl-with-accelerated-background-color.html index 1ad50d1..5a55639 100644 --- a/third_party/WebKit/LayoutTests/compositing/webgl/webgl-with-accelerated-background-color.html +++ b/third_party/WebKit/LayoutTests/compositing/webgl/webgl-with-accelerated-background-color.html @@ -23,7 +23,7 @@ position: relative; } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/compositing/will-change/containing-block-added-expected.html b/third_party/WebKit/LayoutTests/compositing/will-change/containing-block-added-expected.html index cd76d40..a45bfef 100644 --- a/third_party/WebKit/LayoutTests/compositing/will-change/containing-block-added-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/will-change/containing-block-added-expected.html @@ -3,7 +3,7 @@ <head> <style> #container { - -webkit-transform: translateZ(0); + transform: translateZ(0); position: absolute; left: 200px; top: 100px; diff --git a/third_party/WebKit/LayoutTests/compositing/will-change/containing-block-creation-expected.html b/third_party/WebKit/LayoutTests/compositing/will-change/containing-block-creation-expected.html index 05aad0f..31179a2 100644 --- a/third_party/WebKit/LayoutTests/compositing/will-change/containing-block-creation-expected.html +++ b/third_party/WebKit/LayoutTests/compositing/will-change/containing-block-creation-expected.html @@ -13,7 +13,7 @@ } #willChangeTransform { - -webkit-transform: translateZ(0); + transform: translateZ(0); position: absolute; left: 200px; top: 300px; diff --git a/third_party/WebKit/LayoutTests/compositing/z-order/negative-z-index.html b/third_party/WebKit/LayoutTests/compositing/z-order/negative-z-index.html index 8ea8258..0dfe976 100644 --- a/third_party/WebKit/LayoutTests/compositing/z-order/negative-z-index.html +++ b/third_party/WebKit/LayoutTests/compositing/z-order/negative-z-index.html @@ -17,7 +17,7 @@ } .compositing { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .foreground { diff --git a/third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-overlapping-accelerated-elements-expected.html b/third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-overlapping-accelerated-elements-expected.html index ba541bc..b4760be 100644 --- a/third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-overlapping-accelerated-elements-expected.html +++ b/third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-overlapping-accelerated-elements-expected.html @@ -5,7 +5,7 @@ div { width: 160px; height: 160px; - -webkit-transform: rotateY(30deg) rotateX(-30deg); + transform: rotateY(30deg) rotateX(-30deg); color: black; } diff --git a/third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-overlapping-accelerated-elements.html b/third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-overlapping-accelerated-elements.html index 2fd9486..549f476 100644 --- a/third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-overlapping-accelerated-elements.html +++ b/third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-overlapping-accelerated-elements.html @@ -5,7 +5,7 @@ div { width: 160px; height: 160px; - -webkit-transform: rotateY(30deg) rotateX(-30deg); + transform: rotateY(30deg) rotateX(-30deg); background-blend-mode: difference; color: black; } diff --git a/third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-single-accelerated-element-expected.html b/third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-single-accelerated-element-expected.html index 7798615..dd953f7 100644 --- a/third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-single-accelerated-element-expected.html +++ b/third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-single-accelerated-element-expected.html @@ -5,7 +5,7 @@ div { width: 200px; height: 200px; - -webkit-transform: rotateY(30deg) rotateX(-30deg); + transform: rotateY(30deg) rotateX(-30deg); background: rgba(200, 200, 156, 1); } diff --git a/third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-single-accelerated-element.html b/third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-single-accelerated-element.html index 7a8aa2c..45a3573f 100644 --- a/third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-single-accelerated-element.html +++ b/third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-single-accelerated-element.html @@ -5,7 +5,7 @@ div { width: 200px; height: 200px; - -webkit-transform: rotateY(30deg) rotateX(-30deg); + transform: rotateY(30deg) rotateX(-30deg); background: url("resources/white_square.svg") no-repeat, rgba(55, 55, 99, 1); background-blend-mode: difference; } diff --git a/third_party/WebKit/LayoutTests/css3/blending/effect-background-blend-mode-stacking.html b/third_party/WebKit/LayoutTests/css3/blending/effect-background-blend-mode-stacking.html index 5e31729..ce419d1 100644 --- a/third_party/WebKit/LayoutTests/css3/blending/effect-background-blend-mode-stacking.html +++ b/third_party/WebKit/LayoutTests/css3/blending/effect-background-blend-mode-stacking.html @@ -21,8 +21,8 @@ li <ul> <li style=""></li> <li style="opacity: .9"></li> -<li style="-webkit-transform: scale(1.01, 1.01)"></li> -<li style="-webkit-transform: translate3d(1px, 1px, 1px)"></li> +<li style="transform: scale(1.01, 1.01)"></li> +<li style="transform: translate3d(1px, 1px, 1px)"></li> <li style="-webkit-box-reflect:below 5px linear-gradient(to bottom, transparent 0%, transparent 50%, white 100%);"></li> <li style="position: fixed; top: 160px;"></li> </ul> diff --git a/third_party/WebKit/LayoutTests/css3/blending/isolation-isolate-simple.html b/third_party/WebKit/LayoutTests/css3/blending/isolation-isolate-simple.html index 6572c90..851c765 100644 --- a/third_party/WebKit/LayoutTests/css3/blending/isolation-isolate-simple.html +++ b/third_party/WebKit/LayoutTests/css3/blending/isolation-isolate-simple.html @@ -12,7 +12,7 @@ <!-- Isolation should create a stacking context. Test if "isolation:isolate" sets the zIndex to 0, instead of the default "auto" value. --> <body> <div id="isolator"></div> - <div id="isolator_accelerated" style="-webkit-transform: translateZ(0)"></div> + <div id="isolator_accelerated" style="transform: translateZ(0)"></div> <script src="../../resources/js-test.js"></script> <script> diff --git a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-2nd-stacking-context-composited.html b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-2nd-stacking-context-composited.html index c8cd775..19def14 100644 --- a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-2nd-stacking-context-composited.html +++ b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-2nd-stacking-context-composited.html @@ -15,7 +15,7 @@ z-index: -1; } .accelerated { - -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); } .blended { mix-blend-mode: multiply; diff --git a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-composited-layers.html b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-composited-layers.html index c3da1c0..0f42ed2 100644 --- a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-composited-layers.html +++ b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-composited-layers.html @@ -18,7 +18,7 @@ <!-- Mix-blend-mode should create a composited layer when having composited descendants--> <div style="background-color: green"> <div style="background-color: blue; mix-blend-mode: multiply"> - <div style="background-color: yellow; -webkit-transform: translatez(0);"></div> + <div style="background-color: yellow; transform: translatez(0);"></div> </div> </div> diff --git a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-composited-reason-children.html b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-composited-reason-children.html index 378211d..bf4755d 100644 --- a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-composited-reason-children.html +++ b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-composited-reason-children.html @@ -15,7 +15,7 @@ z-index: -1; } .accelerated { - -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); } .blended { mix-blend-mode: multiply; diff --git a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-has-ancestor-clipping-layer-expected.html b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-has-ancestor-clipping-layer-expected.html index 78e93d9..c8604ea 100644 --- a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-has-ancestor-clipping-layer-expected.html +++ b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-has-ancestor-clipping-layer-expected.html @@ -17,7 +17,7 @@ width: 300px; height: 300px; background-color: black; - -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); } </style> </head> @@ -28,7 +28,7 @@ <div> <div></div> </div> - <div style="-webkit-transform: rotateX(0deg);"> + <div style="transform: rotateX(0deg);"> <div></div> </div> </div> diff --git a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-has-ancestor-clipping-layer.html b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-has-ancestor-clipping-layer.html index 71fc0fa..760a5a2 100644 --- a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-has-ancestor-clipping-layer.html +++ b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-has-ancestor-clipping-layer.html @@ -18,7 +18,7 @@ width: 300px; height: 300px; background-color: red; - -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); } </style> </head> @@ -29,7 +29,7 @@ <div> <div></div> </div> - <div style="-webkit-transform: rotateX(0deg);"> + <div style="transform: rotateX(0deg);"> <div></div> </div> </div> diff --git a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-isolation-2-stacking-contexts.html b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-isolation-2-stacking-contexts.html index 0586f9c..975a53f 100644 --- a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-isolation-2-stacking-contexts.html +++ b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-isolation-2-stacking-contexts.html @@ -15,7 +15,7 @@ z-index: -1; } .accelerated { - -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); } .blended { mix-blend-mode: multiply; diff --git a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-isolation-layer.html b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-isolation-layer.html index 164af5b..95b8673 100644 --- a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-isolation-layer.html +++ b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-isolation-layer.html @@ -15,7 +15,7 @@ z-index: -1; } .accelerated { - -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); } .blended { mix-blend-mode: multiply; diff --git a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-isolation-remove.html b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-isolation-remove.html index 4a24197..9474932 100644 --- a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-isolation-remove.html +++ b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-isolation-remove.html @@ -34,7 +34,7 @@ <style> .accelerated, .accelerated-stacking-context { - -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); } .accelerated-no-stacking-context { -webkit-backface-visibility: hidden; diff --git a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-multiply-expected.html b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-multiply-expected.html index 593511d..65a72c5 100644 --- a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-multiply-expected.html +++ b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-multiply-expected.html @@ -22,7 +22,7 @@ <div class="child" style="background-color: black;"></div> </div> <div class="parent"> - <div class="child" style="-webkit-transform: rotateX(0deg);"></div> + <div class="child" style="transform: rotateX(0deg);"></div> </div> <div class="parent"> <div class="child"></div> diff --git a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-multiply.html b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-multiply.html index 0b001be..e0344b4 100644 --- a/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-multiply.html +++ b/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-multiply.html @@ -24,7 +24,7 @@ <div class="child"></div> </div> <div class="parent"> - <div class="child" style="-webkit-transform: rotateX(0deg);"></div> + <div class="child" style="transform: rotateX(0deg);"></div> </div> <div class="parent"> <div class="child"></div> diff --git a/third_party/WebKit/LayoutTests/css3/calc/transforms-scale-expected.html b/third_party/WebKit/LayoutTests/css3/calc/transforms-scale-expected.html index 509df0f..033412f 100644 --- a/third_party/WebKit/LayoutTests/css3/calc/transforms-scale-expected.html +++ b/third_party/WebKit/LayoutTests/css3/calc/transforms-scale-expected.html @@ -8,10 +8,10 @@ } #scalex { - -webkit-transform: scalex(1.5); + transform: scalex(1.5); } #scaley { - -webkit-transform: scaley(0.75); + transform: scaley(0.75); } </style> <div id="scalex">scale x</div> diff --git a/third_party/WebKit/LayoutTests/css3/calc/transforms-scale.html b/third_party/WebKit/LayoutTests/css3/calc/transforms-scale.html index 889768f..3160109 100644 --- a/third_party/WebKit/LayoutTests/css3/calc/transforms-scale.html +++ b/third_party/WebKit/LayoutTests/css3/calc/transforms-scale.html @@ -8,10 +8,10 @@ } #scalex { - -webkit-transform: scalex(calc(3 / 2)); + transform: scalex(calc(3 / 2)); } #scaley { - -webkit-transform: scaley(calc(1 - 0.25)); + transform: scaley(calc(1 - 0.25)); } </style> <div id="scalex">scale x</div> diff --git a/third_party/WebKit/LayoutTests/css3/calc/transforms-translate-expected.html b/third_party/WebKit/LayoutTests/css3/calc/transforms-translate-expected.html index b5aa291..f80f937 100644 --- a/third_party/WebKit/LayoutTests/css3/calc/transforms-translate-expected.html +++ b/third_party/WebKit/LayoutTests/css3/calc/transforms-translate-expected.html @@ -8,13 +8,13 @@ } #translatex { - -webkit-transform: translatex(60px); + transform: translatex(60px); } #translatey { - -webkit-transform: translatey(35px); + transform: translatey(35px); } #translatez { - -webkit-transform: perspective(500px) translatez(100px); + transform: perspective(500px) translatez(100px); } </style> <div id="translatex">translate x</div> diff --git a/third_party/WebKit/LayoutTests/css3/calc/transforms-translate.html b/third_party/WebKit/LayoutTests/css3/calc/transforms-translate.html index d65ec66..9d67e4c 100644 --- a/third_party/WebKit/LayoutTests/css3/calc/transforms-translate.html +++ b/third_party/WebKit/LayoutTests/css3/calc/transforms-translate.html @@ -8,13 +8,13 @@ } #translatex { - -webkit-transform: translatex(calc(50% + 10px)); + transform: translatex(calc(50% + 10px)); } #translatey { - -webkit-transform: translatey(calc(40% - 5px)); + transform: translatey(calc(40% - 5px)); } #translatez { - -webkit-transform: perspective(calc(100px * 5)) translatez(calc(10px + 90px)); + transform: perspective(calc(100px * 5)) translatez(calc(10px + 90px)); } </style> <div id="translatex">translate x</div> diff --git a/third_party/WebKit/LayoutTests/css3/filters/composited-layer-bounds-after-sw-blur-animation.html b/third_party/WebKit/LayoutTests/css3/filters/composited-layer-bounds-after-sw-blur-animation.html index ee3051a..ad1fc3c 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/composited-layer-bounds-after-sw-blur-animation.html +++ b/third_party/WebKit/LayoutTests/css3/filters/composited-layer-bounds-after-sw-blur-animation.html @@ -11,7 +11,7 @@ <style> #composited-layer { background-color: green; - -webkit-transform: translateZ(0); + transform: translateZ(0); position: absolute; top: 100px; left: 100px; diff --git a/third_party/WebKit/LayoutTests/css3/filters/composited-layer-bounds-with-composited-blur.html b/third_party/WebKit/LayoutTests/css3/filters/composited-layer-bounds-with-composited-blur.html index 34eb01a..9db6702 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/composited-layer-bounds-with-composited-blur.html +++ b/third_party/WebKit/LayoutTests/css3/filters/composited-layer-bounds-with-composited-blur.html @@ -11,7 +11,7 @@ <style> #composited { background-color: green; - -webkit-transform: translateZ(0); + transform: translateZ(0); -webkit-filter: blur(25px); position: absolute; top: 100px; diff --git a/third_party/WebKit/LayoutTests/css3/filters/composited-layer-child-bounds-after-composited-to-sw-shadow-change.html b/third_party/WebKit/LayoutTests/css3/filters/composited-layer-child-bounds-after-composited-to-sw-shadow-change.html index e1cf980..ad6490a 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/composited-layer-child-bounds-after-composited-to-sw-shadow-change.html +++ b/third_party/WebKit/LayoutTests/css3/filters/composited-layer-child-bounds-after-composited-to-sw-shadow-change.html @@ -15,7 +15,7 @@ <style> #composited-parent { background-color: red; - -webkit-transform: translateZ(0); + transform: translateZ(0); position: absolute; top: 100px; left: 100px; @@ -24,7 +24,7 @@ } #absolutely-positioned-composited-child { background-color: green; - -webkit-transform: translateZ(0); + transform: translateZ(0); position: absolute; top: 0; left: 0; diff --git a/third_party/WebKit/LayoutTests/css3/filters/composited-layer-promotion-after-outset-overlap-change-using-composited-shadow.html b/third_party/WebKit/LayoutTests/css3/filters/composited-layer-promotion-after-outset-overlap-change-using-composited-shadow.html index e6cc0a3..1cde9de 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/composited-layer-promotion-after-outset-overlap-change-using-composited-shadow.html +++ b/third_party/WebKit/LayoutTests/css3/filters/composited-layer-promotion-after-outset-overlap-change-using-composited-shadow.html @@ -24,7 +24,7 @@ } #composited-layer-to-overlap { background-color: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); position: absolute; top: 250px; left: 250px; diff --git a/third_party/WebKit/LayoutTests/css3/filters/composited-layer-promotion-after-outset-overlap-change-using-sw-shadow.html b/third_party/WebKit/LayoutTests/css3/filters/composited-layer-promotion-after-outset-overlap-change-using-sw-shadow.html index 21db930..909be57 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/composited-layer-promotion-after-outset-overlap-change-using-sw-shadow.html +++ b/third_party/WebKit/LayoutTests/css3/filters/composited-layer-promotion-after-outset-overlap-change-using-sw-shadow.html @@ -28,7 +28,7 @@ } #composited-layer-to-overlap { background-color: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); position: absolute; top: 250px; left: 250px; diff --git a/third_party/WebKit/LayoutTests/css3/filters/composited-reflected.html b/third_party/WebKit/LayoutTests/css3/filters/composited-reflected.html index d895a2f..784f754 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/composited-reflected.html +++ b/third_party/WebKit/LayoutTests/css3/filters/composited-reflected.html @@ -14,7 +14,7 @@ height: 100px; width: 200px; -webkit-filter: sepia(1); - -webkit-transform: translateZ(1px); /* Use composited filters */ + transform: translateZ(1px); /* Use composited filters */ -webkit-box-reflect: below 10px; } diff --git a/third_party/WebKit/LayoutTests/css3/filters/crash-hw-sw-switch.html b/third_party/WebKit/LayoutTests/css3/filters/crash-hw-sw-switch.html index f56cd60..fc51da3 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/crash-hw-sw-switch.html +++ b/third_party/WebKit/LayoutTests/css3/filters/crash-hw-sw-switch.html @@ -6,7 +6,7 @@ } .hw { -webkit-filter: blur(3px); - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <img class='sw' src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/direct-image-dynamic-filter-expected.html b/third_party/WebKit/LayoutTests/css3/filters/direct-image-dynamic-filter-expected.html index 28aa6a5..be60c46 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/direct-image-dynamic-filter-expected.html +++ b/third_party/WebKit/LayoutTests/css3/filters/direct-image-dynamic-filter-expected.html @@ -2,7 +2,7 @@ <html> <style> .filter { - -webkit-transform: translateZ(0); + transform: translateZ(0); -webkit-filter: invert(100%); } </style> diff --git a/third_party/WebKit/LayoutTests/css3/filters/direct-image-dynamic-filter.html b/third_party/WebKit/LayoutTests/css3/filters/direct-image-dynamic-filter.html index fa5be6e..5b2230c 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/direct-image-dynamic-filter.html +++ b/third_party/WebKit/LayoutTests/css3/filters/direct-image-dynamic-filter.html @@ -2,7 +2,7 @@ <html> <style> .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } .filter { -webkit-filter: invert(100%); diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-all-on-background-hw-expected.html b/third_party/WebKit/LayoutTests/css3/filters/effect-all-on-background-hw-expected.html index a0c7bd5..6d8fd2e 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-all-on-background-hw-expected.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-all-on-background-hw-expected.html @@ -16,7 +16,7 @@ li { img { width: 160px; height: 90px; - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <ul> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-all-on-background-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-all-on-background-hw.html index fd40e50..66500ba 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-all-on-background-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-all-on-background-hw.html @@ -19,7 +19,7 @@ li { background-image: url(resources/reference.png); display: block; float: left; - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <ul> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-blur-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-blur-hw.html index 2563ca9..b8863a7 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-blur-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-blur-hw.html @@ -1,7 +1,7 @@ <style> img { margin: 10px; - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <img style="-webkit-filter: blur(0)" src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-brightness-clamping-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-brightness-clamping-hw.html index c3f4954..6c8986eb 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-brightness-clamping-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-brightness-clamping-hw.html @@ -1,6 +1,6 @@ <style> img { - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <img style="-webkit-filter: brightness(1) brightness(2)" src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-brightness-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-brightness-hw.html index 93a0518..e5d25f7 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-brightness-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-brightness-hw.html @@ -1,6 +1,6 @@ <style> img { - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <img style="-webkit-filter: brightness(0)" src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-combined-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-combined-hw.html index 294264a..d6d416c 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-combined-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-combined-hw.html @@ -1,7 +1,7 @@ <style> img { margin: 10px; - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <img style="-webkit-filter: sepia() saturate(3) hue-rotate(180deg)" src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-contrast-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-contrast-hw.html index 950fcea..2152156 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-contrast-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-contrast-hw.html @@ -1,6 +1,6 @@ <style> img { - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <img style="-webkit-filter: contrast(0)" src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-drop-shadow-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-drop-shadow-hw.html index 3443592..88b6567 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-drop-shadow-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-drop-shadow-hw.html @@ -1,7 +1,7 @@ <style> img { margin: 15px; - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <img style="-webkit-filter: drop-shadow(0 0 0 black)" src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-grayscale-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-grayscale-hw.html index 86829b5..06c9d33 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-grayscale-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-grayscale-hw.html @@ -1,6 +1,6 @@ <style> img { - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <img style="-webkit-filter: grayscale(0)" src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-hue-rotate-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-hue-rotate-hw.html index f6e1580..956d756 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-hue-rotate-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-hue-rotate-hw.html @@ -1,6 +1,6 @@ <style> img { - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <img style="-webkit-filter: hue-rotate(0deg)" src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-invert-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-invert-hw.html index ff8500e..dc0ba69 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-invert-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-invert-hw.html @@ -1,6 +1,6 @@ <style> img { - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <img style="-webkit-filter: invert(0)" src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-opacity-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-opacity-hw.html index 85fba74..4a0b58e 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-opacity-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-opacity-hw.html @@ -1,6 +1,6 @@ <style> img { - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <img style="-webkit-filter: opacity(0)" src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-add-hw-expected.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-add-hw-expected.html index 18d02c1..804a5ad 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-add-hw-expected.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-add-hw-expected.html @@ -1 +1 @@ -<div style="width: 100px; height: 100px; background-color: rgb(0, 255, 0); -webkit-transform: translateZ(0);" id="div1"></div> +<div style="width: 100px; height: 100px; background-color: rgb(0, 255, 0); transform: translateZ(0);" id="div1"></div> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-add-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-add-hw.html index 4fe5fa8..83ea7a4 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-add-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-add-hw.html @@ -5,7 +5,7 @@ </filter> </defs> </svg> - <div style="width: 100px; height: 100px; background-color: rgb(255, 0, 0); -webkit-transform: translateZ(0);" id="div1"></div> + <div style="width: 100px; height: 100px; background-color: rgb(255, 0, 0); transform: translateZ(0);" id="div1"></div> <script> var div = document.getElementById("div1"); div.style.webkitFilter = "url(#colormatrix)"; diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-colorspace-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-colorspace-hw.html index 719d007..ecfa748 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-colorspace-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-colorspace-hw.html @@ -56,7 +56,7 @@ <style> img { margin: 10px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <img src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-composite-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-composite-hw.html index 65b0ccf..c87fb64 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-composite-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-composite-hw.html @@ -65,7 +65,7 @@ <style> img { margin: 10px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <img style="-webkit-filter: url(#over); filter: url(#over);" src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-hidpi-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-hidpi-hw.html index a297221..e4ca0f4 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-hidpi-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-hidpi-hw.html @@ -20,7 +20,7 @@ <style> img { margin: 10px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <img style="-webkit-filter: url(#displacement); filter: url(#displacement); position: absolute; top: 10px; left: 10px;" src="resources/reference.png"/> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-hw.html index a7efd4a..892a425 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-hw.html @@ -67,7 +67,7 @@ <style> img { margin: 10px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <img src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-image-hw-expected.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-image-hw-expected.html index c35ea27..a339269 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-image-hw-expected.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-image-hw-expected.html @@ -1 +1 @@ -<img src="resources/reference.png" style="-webkit-transform: translateZ(0);"> +<img src="resources/reference.png" style="transform: translateZ(0);"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-image-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-image-hw.html index a10004d..e0f6b4e 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-image-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-image-hw.html @@ -4,7 +4,7 @@ height: 90px; -webkit-filter: url(#imagereplace); filter: url(#imagereplace); - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <div id="filtered"></div> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-ordering-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-ordering-hw.html index c9c5a7d..7d76517 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-ordering-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-ordering-hw.html @@ -11,7 +11,7 @@ <style> img { margin: 10px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <img style="-webkit-filter: url(#blurY);" src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-source-alpha-hw-expected.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-source-alpha-hw-expected.html index 93f77fb..893f308 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-source-alpha-hw-expected.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-source-alpha-hw-expected.html @@ -3,7 +3,7 @@ background-color: black; width: 100px; height: 100px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <div class="rect"></div> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-source-alpha-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-source-alpha-hw.html index 69efded..273283d 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-source-alpha-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-source-alpha-hw.html @@ -12,7 +12,7 @@ height: 100px; filter: url(#alpha); -webkit-filter: url(#alpha); - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <div class="rect"></div> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-chained-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-chained-hw.html index 23bf797..17b3b3a 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-chained-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-chained-hw.html @@ -9,7 +9,7 @@ <style> img { margin: 10px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <img src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-hidpi-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-hidpi-hw.html index 96e623f..f6d36c8 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-hidpi-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-hidpi-hw.html @@ -18,7 +18,7 @@ background-color: green; width: 100px; height: 100px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } body { margin: 0px; diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-hw.html index 0b59fe36..edd2289 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-hw.html @@ -67,7 +67,7 @@ <style> img { margin: 10px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <img style="-webkit-filter: url(#colormatrix); filter: url(#colormatrix);" src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-zoom-hw-expected.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-zoom-hw-expected.html index f541d14..79d94d7 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-zoom-hw-expected.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-zoom-hw-expected.html @@ -6,7 +6,7 @@ left: 1px; top: 6px; position: absolute; - -webkit-transform: translateZ(0); + transform: translateZ(0); } body { margin: 0px; diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-zoom-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-zoom-hw.html index 101c53c..7a36012 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-zoom-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-subregion-zoom-hw.html @@ -6,7 +6,7 @@ width: 100px; height: 100px; margin: 0px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } body { margin: 0px; diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-tile-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-tile-hw.html index 2063878..b749207 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-tile-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-tile-hw.html @@ -21,7 +21,7 @@ <style> img { margin: 10px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <img style="-webkit-filter: url(#non-integer-tile); filter: url(#non-integer-tile);" src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-zoom-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-zoom-hw.html index 172333e..32b7b63 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-reference-zoom-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-reference-zoom-hw.html @@ -37,7 +37,7 @@ <style> img { margin: 10px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <img src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-saturate-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-saturate-hw.html index 895881a..c9bd804 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-saturate-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-saturate-hw.html @@ -1,6 +1,6 @@ <style> img { - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <img style="-webkit-filter: saturate(0)" src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/effect-sepia-hw.html b/third_party/WebKit/LayoutTests/css3/filters/effect-sepia-hw.html index 5aabec7..338ffe9 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/effect-sepia-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/effect-sepia-hw.html @@ -1,6 +1,6 @@ <style> img { - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> <img style="-webkit-filter: sepia(0)" src="resources/reference.png"> diff --git a/third_party/WebKit/LayoutTests/css3/filters/filter-animation-from-none-hw.html b/third_party/WebKit/LayoutTests/css3/filters/filter-animation-from-none-hw.html index 805153d..d8cf245 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/filter-animation-from-none-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/filter-animation-from-none-hw.html @@ -9,7 +9,7 @@ margin: 10px; background-color: blue; display: inline-block; - -webkit-transform:translateZ(0); + transform:translateZ(0); } #grayscale-box { diff --git a/third_party/WebKit/LayoutTests/css3/filters/filter-animation-from-none-multi-hw.html b/third_party/WebKit/LayoutTests/css3/filters/filter-animation-from-none-multi-hw.html index ae9d13a..25fcd39 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/filter-animation-from-none-multi-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/filter-animation-from-none-multi-hw.html @@ -9,7 +9,7 @@ margin: 10px; background-color: blue; display: inline-block; - -webkit-transform:translateZ(0); + transform:translateZ(0); } #grayscale-box { diff --git a/third_party/WebKit/LayoutTests/css3/filters/filter-animation-hw.html b/third_party/WebKit/LayoutTests/css3/filters/filter-animation-hw.html index da22f4f..264b99a 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/filter-animation-hw.html +++ b/third_party/WebKit/LayoutTests/css3/filters/filter-animation-hw.html @@ -9,7 +9,7 @@ margin: 10px; background-color: blue; display: inline-block; - -webkit-transform:translateZ(0); + transform:translateZ(0); -webkit-animation-duration:2s !important; } diff --git a/third_party/WebKit/LayoutTests/css3/filters/filter-change-repaint-composited.html b/third_party/WebKit/LayoutTests/css3/filters/filter-change-repaint-composited.html index 0f1312a..852abe5 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/filter-change-repaint-composited.html +++ b/third_party/WebKit/LayoutTests/css3/filters/filter-change-repaint-composited.html @@ -8,7 +8,7 @@ <style> .box { /* force a composited layer */ - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); float: left; height: 50px; width: 50px; diff --git a/third_party/WebKit/LayoutTests/css3/filters/filter-change-repaint.html b/third_party/WebKit/LayoutTests/css3/filters/filter-change-repaint.html index 79ce2cb..b425b5e 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/filter-change-repaint.html +++ b/third_party/WebKit/LayoutTests/css3/filters/filter-change-repaint.html @@ -32,23 +32,23 @@ .composited_from_software { /* force a composited layer */ - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); -webkit-filter: drop-shadow(0px 0px 10px blue); } .composited_from_software.before { - -webkit-transform: none; + transform: none; -webkit-filter: drop-shadow(0px 0px 10px red); } .software_from_composited { - -webkit-transform: none; + transform: none; -webkit-filter: drop-shadow(0px 0px 10px blue); } .software_from_composited.before { /* force a composited layer */ - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); -webkit-filter: drop-shadow(0px 0px 10px red); } diff --git a/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-child-layers.html b/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-child-layers.html index 356bb20..17b793b 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-child-layers.html +++ b/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-child-layers.html @@ -14,7 +14,7 @@ width: 50px; background-color: green; z-index: 1; - -webkit-transform: translate(50px, 0px) rotate(20deg); + transform: translate(50px, 0px) rotate(20deg); } .before { diff --git a/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-composited-fallback-crash.html b/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-composited-fallback-crash.html index 930c43ca..5665eba 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-composited-fallback-crash.html +++ b/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-composited-fallback-crash.html @@ -14,12 +14,12 @@ height: 50px; width: 50px; background-color: green; - -webkit-transform: translate(50px, 0px) rotate(20deg); + transform: translate(50px, 0px) rotate(20deg); } .blur { /* force a composited layer */ - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); background: red; margin: 50px; -webkit-filter: drop-shadow(0px 0px 1px blue) blur(5px); diff --git a/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-composited-fallback.html b/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-composited-fallback.html index 0feff83..bd233fe 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-composited-fallback.html +++ b/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-composited-fallback.html @@ -13,7 +13,7 @@ height: 50px; width: 50px; background-color: green; - -webkit-transform: translate(50px, 0px) rotate(20deg); + transform: translate(50px, 0px) rotate(20deg); } .before { @@ -22,7 +22,7 @@ .blur { /* force a composited layer */ - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); background: red; margin: 50px; -webkit-filter: drop-shadow(0px 0px 1px blue) blur(5px); diff --git a/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-shadow-rotated.html b/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-shadow-rotated.html index d06bcba..2948923 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-shadow-rotated.html +++ b/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-shadow-rotated.html @@ -33,7 +33,7 @@ .blur { -webkit-filter: drop-shadow(0px -100px 0px blue); -webkit-transform-origin: 50px 50px; - -webkit-transform: rotate(90deg); + transform: rotate(90deg); } </style> diff --git a/third_party/WebKit/LayoutTests/css3/filters/filter-with-transform.html b/third_party/WebKit/LayoutTests/css3/filters/filter-with-transform.html index 20360e1..3063a87 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/filter-with-transform.html +++ b/third_party/WebKit/LayoutTests/css3/filters/filter-with-transform.html @@ -5,7 +5,7 @@ div { background-color: red; margin-left:40px; margin-top:40px; - -webkit-transform: rotate(-30deg); + transform: rotate(-30deg); -webkit-filter: hue-rotate(100deg); } </style> diff --git a/third_party/WebKit/LayoutTests/css3/filters/filtered-compositing-descendant.html b/third_party/WebKit/LayoutTests/css3/filters/filtered-compositing-descendant.html index 9b314610..a004464 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/filtered-compositing-descendant.html +++ b/third_party/WebKit/LayoutTests/css3/filters/filtered-compositing-descendant.html @@ -16,7 +16,7 @@ border: 2px solid black; } .compositing { - -webkit-transform: translateZ(1px); + transform: translateZ(1px); background-color: red; } diff --git a/third_party/WebKit/LayoutTests/css3/filters/huge-region-composited.html b/third_party/WebKit/LayoutTests/css3/filters/huge-region-composited.html index ba6a195..9aed3d9 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/huge-region-composited.html +++ b/third_party/WebKit/LayoutTests/css3/filters/huge-region-composited.html @@ -7,7 +7,7 @@ height: 50px; padding-bottom: 65536%; -webkit-filter: blur(2147483648px); - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/css3/filters/nested-filter.html b/third_party/WebKit/LayoutTests/css3/filters/nested-filter.html index 032f8c4..8cf9307 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/nested-filter.html +++ b/third_party/WebKit/LayoutTests/css3/filters/nested-filter.html @@ -8,26 +8,26 @@ div { background-color: red; margin-left:40px; margin-top:40px; - -webkit-transform: rotate(-30deg); + transform: rotate(-30deg); overflow: hidden; } #div2_back { background-color: green; - -webkit-transform: rotate(30deg); + transform: rotate(30deg); } #div1 { background-color: red; margin-left:40px; margin-top:40px; - -webkit-transform: rotate(-30deg); + transform: rotate(-30deg); -webkit-filter: hue-rotate(100deg); } #div2 { background-color: green; - -webkit-transform: rotate(30deg); + transform: rotate(30deg); } </style> diff --git a/third_party/WebKit/LayoutTests/css3/filters/remove-filter-repaint-expected.html b/third_party/WebKit/LayoutTests/css3/filters/remove-filter-repaint-expected.html index 81da280..4ff1163 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/remove-filter-repaint-expected.html +++ b/third_party/WebKit/LayoutTests/css3/filters/remove-filter-repaint-expected.html @@ -28,7 +28,7 @@ color: white; } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/css3/filters/remove-filter-repaint.html b/third_party/WebKit/LayoutTests/css3/filters/remove-filter-repaint.html index 728aebb..a92ed50 100644 --- a/third_party/WebKit/LayoutTests/css3/filters/remove-filter-repaint.html +++ b/third_party/WebKit/LayoutTests/css3/filters/remove-filter-repaint.html @@ -31,7 +31,7 @@ -webkit-filter: drop-shadow(black 0 0 5px); } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/LayoutTests/css3/images/cross-fade-background-size.html b/third_party/WebKit/LayoutTests/css3/images/cross-fade-background-size.html index 74dc5cc..9a9b349 100644 --- a/third_party/WebKit/LayoutTests/css3/images/cross-fade-background-size.html +++ b/third_party/WebKit/LayoutTests/css3/images/cross-fade-background-size.html @@ -12,14 +12,14 @@ div #compositeTiledNormal { background-image: url(resources/stripes-large.png); - -webkit-transform: translateZ(0); + transform: translateZ(0); background-size: 10px 50px; } #compositeTiledCrossfade { background-image: -webkit-cross-fade(url(resources/stripes-large.png), url(resources/stripes-small.png), 1%); - -webkit-transform: translateZ(0); + transform: translateZ(0); background-size: 10px 50px; } diff --git a/third_party/WebKit/LayoutTests/css3/images/cross-fade-tiled.html b/third_party/WebKit/LayoutTests/css3/images/cross-fade-tiled.html index 1babc19..6a76933 100644 --- a/third_party/WebKit/LayoutTests/css3/images/cross-fade-tiled.html +++ b/third_party/WebKit/LayoutTests/css3/images/cross-fade-tiled.html @@ -6,7 +6,7 @@ div height: 100px; margin: 10px; - -webkit-transform:translateZ(0); + transform:translateZ(0); border: 1px solid black; } </style> diff --git a/third_party/WebKit/LayoutTests/dialog/top-layer-stacking-expected.html b/third_party/WebKit/LayoutTests/dialog/top-layer-stacking-expected.html index d7a705a..1121731 100644 --- a/third_party/WebKit/LayoutTests/dialog/top-layer-stacking-expected.html +++ b/third_party/WebKit/LayoutTests/dialog/top-layer-stacking-expected.html @@ -14,7 +14,7 @@ background-color: magenta; } .transformed { - -webkit-transform: rotateY(45deg); + transform: rotateY(45deg); background-color: cyan; } </style> diff --git a/third_party/WebKit/LayoutTests/dialog/top-layer-stacking.html b/third_party/WebKit/LayoutTests/dialog/top-layer-stacking.html index 07d5bab5..2916a2d 100644 --- a/third_party/WebKit/LayoutTests/dialog/top-layer-stacking.html +++ b/third_party/WebKit/LayoutTests/dialog/top-layer-stacking.html @@ -20,7 +20,7 @@ transforms and z-index are tested inside a top layer element subtree. --> background-color: magenta; } .transformed { - -webkit-transform: rotateY(45deg); + transform: rotateY(45deg); background-color: cyan; } </style> diff --git a/third_party/WebKit/LayoutTests/editing/input/reveal-caret-of-transformed-input-scrollable-parent.html b/third_party/WebKit/LayoutTests/editing/input/reveal-caret-of-transformed-input-scrollable-parent.html index ccd6092..c767709 100644 --- a/third_party/WebKit/LayoutTests/editing/input/reveal-caret-of-transformed-input-scrollable-parent.html +++ b/third_party/WebKit/LayoutTests/editing/input/reveal-caret-of-transformed-input-scrollable-parent.html @@ -6,7 +6,7 @@ <div>When the caret is scrolled out, on starting typing it must be brought to the center of the control.</div> <div style="overflow:auto; height:150px; width:300px"> <textarea name="textarea" id="textarea" rows="10" cols="10" - style="-webkit-transform:translate(110px, 110px) scale(2); height:200px"></textarea> + style="transform:translate(110px, 110px) scale(2); height:200px"></textarea> <div style="height:1000px"></div> </div> <script> diff --git a/third_party/WebKit/LayoutTests/editing/input/reveal-caret-of-transformed-multiline-input.html b/third_party/WebKit/LayoutTests/editing/input/reveal-caret-of-transformed-multiline-input.html index 7e21890..a4590bc 100644 --- a/third_party/WebKit/LayoutTests/editing/input/reveal-caret-of-transformed-multiline-input.html +++ b/third_party/WebKit/LayoutTests/editing/input/reveal-caret-of-transformed-multiline-input.html @@ -4,7 +4,7 @@ </head> <body> <div>When the caret is scrolled out, on starting typing it must be brought to the center of the control.</div> -<textarea name="textarea" id="textarea" rows="10" cols="10" style="-webkit-transform:rotate(180deg)"></textarea> +<textarea name="textarea" id="textarea" rows="10" cols="10" style="transform:rotate(180deg)"></textarea> <script> var textArea = document.getElementById("textarea"); diff --git a/third_party/WebKit/LayoutTests/editing/selection/extend-inside-transforms-backward.html b/third_party/WebKit/LayoutTests/editing/selection/extend-inside-transforms-backward.html index 71af909..3844e6c 100644 --- a/third_party/WebKit/LayoutTests/editing/selection/extend-inside-transforms-backward.html +++ b/third_party/WebKit/LayoutTests/editing/selection/extend-inside-transforms-backward.html @@ -4,7 +4,7 @@ <style> p { margin: 0px; } </style> </head> <body> -<div style="font-family: monospace; monospace; -webkit-transform: rotate(-45deg); width: 200px; height: 200px; -webkit-transform-origin: top right;font-size:50px;"> +<div style="font-family: monospace; monospace; transform: rotate(-45deg); width: 200px; height: 200px; -webkit-transform-origin: top right;font-size:50px;"> <p>hello</p> <p>world</p> </div> diff --git a/third_party/WebKit/LayoutTests/editing/selection/extend-inside-transforms-forward.html b/third_party/WebKit/LayoutTests/editing/selection/extend-inside-transforms-forward.html index 87d1e63..1b802a7 100644 --- a/third_party/WebKit/LayoutTests/editing/selection/extend-inside-transforms-forward.html +++ b/third_party/WebKit/LayoutTests/editing/selection/extend-inside-transforms-forward.html @@ -4,7 +4,7 @@ <style> p { margin: 0px; } </style> </head> <body> -<div style="font-family: monospace; monospace; -webkit-transform: rotate(-45deg); width: 200px; height: 200px; -webkit-transform-origin: top right; font-size:50px;"> +<div style="font-family: monospace; monospace; transform: rotate(-45deg); width: 200px; height: 200px; -webkit-transform-origin: top right; font-size:50px;"> <p>hello</p> <p>world</p> </div> diff --git a/third_party/WebKit/LayoutTests/editing/selection/transformed-selection-rects.html b/third_party/WebKit/LayoutTests/editing/selection/transformed-selection-rects.html index 95090a3..b879b57 100644 --- a/third_party/WebKit/LayoutTests/editing/selection/transformed-selection-rects.html +++ b/third_party/WebKit/LayoutTests/editing/selection/transformed-selection-rects.html @@ -7,7 +7,7 @@ padding: 10px; font-size: 18pt; -webkit-transform-origin: top left; - -webkit-transform: rotate(10deg); + transform: rotate(10deg); border: 1px solid black; } #test { diff --git a/third_party/WebKit/LayoutTests/editing/spelling/inline-spelling-markers-hidpi-composited.html b/third_party/WebKit/LayoutTests/editing/spelling/inline-spelling-markers-hidpi-composited.html index f36e582..080c314 100644 --- a/third_party/WebKit/LayoutTests/editing/spelling/inline-spelling-markers-hidpi-composited.html +++ b/third_party/WebKit/LayoutTests/editing/spelling/inline-spelling-markers-hidpi-composited.html @@ -9,7 +9,7 @@ border: 1px solid black; white-space: nowrap; overflow: hidden; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .forcertl { diff --git a/third_party/WebKit/LayoutTests/fast/backgrounds/background-leakage-transforms.html b/third_party/WebKit/LayoutTests/fast/backgrounds/background-leakage-transforms.html index d47f6c5..ee67fd1 100644 --- a/third_party/WebKit/LayoutTests/fast/backgrounds/background-leakage-transforms.html +++ b/third_party/WebKit/LayoutTests/fast/backgrounds/background-leakage-transforms.html @@ -28,7 +28,7 @@ } .scaled { - -webkit-transform: scale(1, 0.33); + transform: scale(1, 0.33); -webkit-transform-origin: top left; } diff --git a/third_party/WebKit/LayoutTests/fast/backgrounds/gradient-background-leakage-2.html b/third_party/WebKit/LayoutTests/fast/backgrounds/gradient-background-leakage-2.html index e1f115c..559308c 100644 --- a/third_party/WebKit/LayoutTests/fast/backgrounds/gradient-background-leakage-2.html +++ b/third_party/WebKit/LayoutTests/fast/backgrounds/gradient-background-leakage-2.html @@ -9,7 +9,7 @@ background-image: -webkit-linear-gradient(black, black); border-radius: 25px; border: 4px solid green; - -webkit-transform: scale(0.25); + transform: scale(0.25); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/backgrounds/gradient-background-leakage.html b/third_party/WebKit/LayoutTests/fast/backgrounds/gradient-background-leakage.html index 917296b..a96848d 100644 --- a/third_party/WebKit/LayoutTests/fast/backgrounds/gradient-background-leakage.html +++ b/third_party/WebKit/LayoutTests/fast/backgrounds/gradient-background-leakage.html @@ -11,7 +11,7 @@ border: 4px solid #EEE; } .transformed { - -webkit-transform: scale(0.5); + transform: scale(0.5); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/backgrounds/mask-box-image.html b/third_party/WebKit/LayoutTests/fast/backgrounds/mask-box-image.html index f7a706a..b9d5902 100644 --- a/third_party/WebKit/LayoutTests/fast/backgrounds/mask-box-image.html +++ b/third_party/WebKit/LayoutTests/fast/backgrounds/mask-box-image.html @@ -8,7 +8,7 @@ } .scaled { - -webkit-transform: scale(1.0001); + transform: scale(1.0001); -webkit-transform-origin: top left; } diff --git a/third_party/WebKit/LayoutTests/fast/backgrounds/repeat/negative-offset-repeat-transformed.html b/third_party/WebKit/LayoutTests/fast/backgrounds/repeat/negative-offset-repeat-transformed.html index 58cc155..aa69fef 100644 --- a/third_party/WebKit/LayoutTests/fast/backgrounds/repeat/negative-offset-repeat-transformed.html +++ b/third_party/WebKit/LayoutTests/fast/backgrounds/repeat/negative-offset-repeat-transformed.html @@ -86,7 +86,7 @@ <div class="positive s200" style="background-repeat: repeat-x"></div> <p style="position:absolute;height:5000px"></p> - <table style="clear:both; -webkit-transform: translate(650px, -150px) rotate(45deg); -webkit-transform-origin: 100% 0" border=5><tr><td> + <table style="clear:both; transform: translate(650px, -150px) rotate(45deg); -webkit-transform-origin: 100% 0" border=5><tr><td> <div class="negative s300" style="background-repeat: no-repeat;"></div> <div class="negative s250" style="background-repeat: no-repeat;"></div> <div class="negative s200" style="background-repeat: no-repeat;"></div> diff --git a/third_party/WebKit/LayoutTests/fast/backgrounds/transformed-body-background.html b/third_party/WebKit/LayoutTests/fast/backgrounds/transformed-body-background.html index 942d475..7c18306 100644 --- a/third_party/WebKit/LayoutTests/fast/backgrounds/transformed-body-background.html +++ b/third_party/WebKit/LayoutTests/fast/backgrounds/transformed-body-background.html @@ -4,7 +4,7 @@ <head> <style> body { - -webkit-transform: rotate(20deg); + transform: rotate(20deg); -webkit-transform-origin: top left; background-color: silver; overflow: hidden; diff --git a/third_party/WebKit/LayoutTests/fast/backgrounds/transformed-body-html-background.html b/third_party/WebKit/LayoutTests/fast/backgrounds/transformed-body-html-background.html index 0a51f9b..8daca30 100644 --- a/third_party/WebKit/LayoutTests/fast/backgrounds/transformed-body-html-background.html +++ b/third_party/WebKit/LayoutTests/fast/backgrounds/transformed-body-html-background.html @@ -8,7 +8,7 @@ } body { - -webkit-transform: rotate(20deg); + transform: rotate(20deg); -webkit-transform-origin: top left; background-color: silver; overflow: hidden; diff --git a/third_party/WebKit/LayoutTests/fast/backgrounds/transformed-html-body-background.html b/third_party/WebKit/LayoutTests/fast/backgrounds/transformed-html-body-background.html index 25113f7..f798ec1 100644 --- a/third_party/WebKit/LayoutTests/fast/backgrounds/transformed-html-body-background.html +++ b/third_party/WebKit/LayoutTests/fast/backgrounds/transformed-html-body-background.html @@ -4,7 +4,7 @@ <head> <style> html { - -webkit-transform: rotate(20deg); + transform: rotate(20deg); -webkit-transform-origin: top left; } diff --git a/third_party/WebKit/LayoutTests/fast/block/inline-children-root-linebox-crash.html b/third_party/WebKit/LayoutTests/fast/block/inline-children-root-linebox-crash.html index 135ce9d..bc5dba9 100644 --- a/third_party/WebKit/LayoutTests/fast/block/inline-children-root-linebox-crash.html +++ b/third_party/WebKit/LayoutTests/fast/block/inline-children-root-linebox-crash.html @@ -3,7 +3,7 @@ WebKit Bug 85804 - Crash in RenderInline::linesVisualOverflowBoundingBox.<br /> Test passes if it does not crash. <div style='-webkit-writing-mode: vertical-rl;'> -<div style='-webkit-transform: translatey(1px) translatez(1px) rotatex(1deg);'></div> +<div style='transform: translatey(1px) translatez(1px) rotatex(1deg);'></div> <textarea></textarea> <span style='-webkit-opacity: 0.0;'/> <input autofocus> diff --git a/third_party/WebKit/LayoutTests/fast/block/positioning/fixed-position-transformed-container-expected.html b/third_party/WebKit/LayoutTests/fast/block/positioning/fixed-position-transformed-container-expected.html index 9ec020e..ef2d875 100644 --- a/third_party/WebKit/LayoutTests/fast/block/positioning/fixed-position-transformed-container-expected.html +++ b/third_party/WebKit/LayoutTests/fast/block/positioning/fixed-position-transformed-container-expected.html @@ -1,7 +1,7 @@ <!DOCTYPE html> <html> <body> - <div style="-webkit-transform:translateX(0);"> + <div style="transform:translateX(0);"> <div style="position:fixed; left:50px; top:50px; width:50px; height:50px; border: 1px solid black"> </div> </div> diff --git a/third_party/WebKit/LayoutTests/fast/block/positioning/fixed-position-transformed-container.html b/third_party/WebKit/LayoutTests/fast/block/positioning/fixed-position-transformed-container.html index d39da54..624c9c6 100644 --- a/third_party/WebKit/LayoutTests/fast/block/positioning/fixed-position-transformed-container.html +++ b/third_party/WebKit/LayoutTests/fast/block/positioning/fixed-position-transformed-container.html @@ -1,7 +1,7 @@ <!DOCTYPE html> <html> <body> - <div style="-webkit-transform:translateX(0);"> + <div style="transform:translateX(0);"> <div style="position:relative; left:500px; top:500px;"> <div style="position:fixed; left:50px; top:50px; width:50px; height:50px; border: 1px solid black"> </div> diff --git a/third_party/WebKit/LayoutTests/fast/block/positioning/positioned-object-under-split-block-parent-crash.html b/third_party/WebKit/LayoutTests/fast/block/positioning/positioned-object-under-split-block-parent-crash.html index ea99f21..0f481c9a2 100644 --- a/third_party/WebKit/LayoutTests/fast/block/positioning/positioned-object-under-split-block-parent-crash.html +++ b/third_party/WebKit/LayoutTests/fast/block/positioning/positioned-object-under-split-block-parent-crash.html @@ -4,7 +4,7 @@ .colContainer { -webkit-column-count: 0; } .absolutePosition { position: absolute; } .colSpanAll { -webkit-column-span: all; } -.transformed { -webkit-transform: rotate(45deg); } +.transformed { transform: rotate(45deg); } .hidden { display:none; } .normal { display:block;} </style> diff --git a/third_party/WebKit/LayoutTests/fast/block/positioning/relayout-nested-positioned-elements-crash-2.html b/third_party/WebKit/LayoutTests/fast/block/positioning/relayout-nested-positioned-elements-crash-2.html index bf41f55..3d9c2a7 100644 --- a/third_party/WebKit/LayoutTests/fast/block/positioning/relayout-nested-positioned-elements-crash-2.html +++ b/third_party/WebKit/LayoutTests/fast/block/positioning/relayout-nested-positioned-elements-crash-2.html @@ -3,7 +3,7 @@ <style> .fixedPosition { position: fixed; } .runIn:nth-last-of-type(2n+1) { display: run-in; } -.transformed { float: none; -webkit-transform: skewX(45deg); } +.transformed { float: none; transform: skewX(45deg); } .floatLastChild:last-child { display: inline-block; float: left;} </style> <script> diff --git a/third_party/WebKit/LayoutTests/fast/borders/border-antialiasing.html b/third_party/WebKit/LayoutTests/fast/borders/border-antialiasing.html index 2236b6b..ec4d65e 100644 --- a/third_party/WebKit/LayoutTests/fast/borders/border-antialiasing.html +++ b/third_party/WebKit/LayoutTests/fast/borders/border-antialiasing.html @@ -20,7 +20,7 @@ } .shrunk { - -webkit-transform: scale(0.35); + transform: scale(0.35); } .columns { diff --git a/third_party/WebKit/LayoutTests/fast/borders/border-image-rotate-transform.html b/third_party/WebKit/LayoutTests/fast/borders/border-image-rotate-transform.html index 350444a..bc9a2e8 100644 --- a/third_party/WebKit/LayoutTests/fast/borders/border-image-rotate-transform.html +++ b/third_party/WebKit/LayoutTests/fast/borders/border-image-rotate-transform.html @@ -27,7 +27,7 @@ } </style> </head> -<body style="-webkit-transform: rotate(10deg); -webkit-transform-origin: 0 250px"> +<body style="transform: rotate(10deg); -webkit-transform-origin: 0 250px"> <div class="rr"></div> <div class="rs"></div> <br> diff --git a/third_party/WebKit/LayoutTests/fast/borders/border-image-scale-transform.html b/third_party/WebKit/LayoutTests/fast/borders/border-image-scale-transform.html index 9b7f1be..3e59d00b 100644 --- a/third_party/WebKit/LayoutTests/fast/borders/border-image-scale-transform.html +++ b/third_party/WebKit/LayoutTests/fast/borders/border-image-scale-transform.html @@ -27,7 +27,7 @@ } </style> </head> -<body style="-webkit-transform: scale(2); -webkit-transform-origin: 0 0"> +<body style="transform: scale(2); -webkit-transform-origin: 0 0"> <div class="rr"></div> <div class="rs"></div> <br> diff --git a/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-all-expected.html b/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-all-expected.html index cbdd237..20addad 100644 --- a/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-all-expected.html +++ b/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-all-expected.html @@ -8,7 +8,7 @@ padding: 10px; margin: 20px; border: 5px solid red; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-padding-expected.html b/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-padding-expected.html index 62d558e..944fac2 100644 --- a/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-padding-expected.html +++ b/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-padding-expected.html @@ -6,7 +6,7 @@ background-color: gray; border-radius: 0px 200px 0px 200px; padding: 10px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-with-mask-expected.html b/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-with-mask-expected.html index c5f36b2..c415bf6 100644 --- a/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-with-mask-expected.html +++ b/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-with-mask-expected.html @@ -9,7 +9,7 @@ margin: 20px; border: 5px solid red; -webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-with-shadow-expected.html b/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-with-shadow-expected.html index c3cea19..e3449ec 100644 --- a/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-with-shadow-expected.html +++ b/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-with-shadow-expected.html @@ -9,7 +9,7 @@ margin: 20px; border: 5px solid red; box-shadow: 0 0 8px 8px #888; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-video-ratio.html b/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-video-ratio.html index 98a8c63..d367985 100644 --- a/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-video-ratio.html +++ b/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-video-ratio.html @@ -7,7 +7,7 @@ width: 500px; height: 225px; border-radius: 200px 0px 100px 0px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-video-shadow.html b/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-video-shadow.html index 564034b..dc1c991 100644 --- a/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-video-shadow.html +++ b/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-video-shadow.html @@ -9,7 +9,7 @@ border-radius: 200px 0px 100px 0px; box-shadow: 0 0 8px 8px red; margin: 10px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-video.html b/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-video.html index 8304c44..4c8518e 100644 --- a/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-video.html +++ b/third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-video.html @@ -7,7 +7,7 @@ width: 400px; height: 225px; border-radius: 200px 0px 100px 0px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/fast/borders/overflow-hidden-border-radius-force-backing-store.html b/third_party/WebKit/LayoutTests/fast/borders/overflow-hidden-border-radius-force-backing-store.html index 8ef53e5..70fe523 100644 --- a/third_party/WebKit/LayoutTests/fast/borders/overflow-hidden-border-radius-force-backing-store.html +++ b/third_party/WebKit/LayoutTests/fast/borders/overflow-hidden-border-radius-force-backing-store.html @@ -23,7 +23,7 @@ #content { height: 1000px; - -webkit-transform: translatez(0); + transform: translatez(0); } </style> diff --git a/third_party/WebKit/LayoutTests/fast/borders/table-borders.html b/third_party/WebKit/LayoutTests/fast/borders/table-borders.html index b92816b..b050729 100644 --- a/third_party/WebKit/LayoutTests/fast/borders/table-borders.html +++ b/third_party/WebKit/LayoutTests/fast/borders/table-borders.html @@ -11,7 +11,7 @@ } .transformed { - -webkit-transform: rotate(45deg); + transform: rotate(45deg); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/box-shadow/box-shadow-transformed.html b/third_party/WebKit/LayoutTests/fast/box-shadow/box-shadow-transformed.html index 77022ac..a29c7ca 100644 --- a/third_party/WebKit/LayoutTests/fast/box-shadow/box-shadow-transformed.html +++ b/third_party/WebKit/LayoutTests/fast/box-shadow/box-shadow-transformed.html @@ -30,19 +30,19 @@ <p>The shadow should look identical relative to the box in each case.</p> <div class="top wrapper"> - <div class="box" style="box-shadow: 0 10px 20px black; -webkit-transform: scale(2, 1)"></div> + <div class="box" style="box-shadow: 0 10px 20px black; transform: scale(2, 1)"></div> </div> <div class="top wrapper"> - <div class="box" style="box-shadow: 0 10px 20px black; -webkit-transform: rotate(45deg)"></div> + <div class="box" style="box-shadow: 0 10px 20px black; transform: rotate(45deg)"></div> </div> <div class="wrapper"> - <div class="box" style="box-shadow: 0 10px 20px black; -webkit-transform: rotate(45deg) scale(1.7)"></div> + <div class="box" style="box-shadow: 0 10px 20px black; transform: rotate(45deg) scale(1.7)"></div> </div> <div class="wrapper"> - <div class="box" style="box-shadow: 0 10px 20px black; -webkit-transform: rotate(45deg) scale(0.8)"></div> + <div class="box" style="box-shadow: 0 10px 20px black; transform: rotate(45deg) scale(0.8)"></div> </div> </body> diff --git a/third_party/WebKit/LayoutTests/fast/box-shadow/scaled-box-shadow.html b/third_party/WebKit/LayoutTests/fast/box-shadow/scaled-box-shadow.html index c629b2d..b419d79 100644 --- a/third_party/WebKit/LayoutTests/fast/box-shadow/scaled-box-shadow.html +++ b/third_party/WebKit/LayoutTests/fast/box-shadow/scaled-box-shadow.html @@ -24,20 +24,20 @@ <body> <!-- You should not see any pixel cracks in the shadows --> <div class="wrapper"> - <div class="box" style="-webkit-transform: scale(0.63)"></div> + <div class="box" style="transform: scale(0.63)"></div> </div> <div class="wrapper"> - <div class="box" style="-webkit-transform: scale(0.97)"></div> + <div class="box" style="transform: scale(0.97)"></div> </div> <br> <div class="wrapper"> - <div class="box" style="-webkit-transform: scale(1.234)"></div> + <div class="box" style="transform: scale(1.234)"></div> </div> <div class="wrapper"> - <div class="box" style="-webkit-transform: rotate(90deg) scale(1.377); -webkit-transform-origin: center;"></div> + <div class="box" style="transform: rotate(90deg) scale(1.377); -webkit-transform-origin: center;"></div> </div> </body> diff --git a/third_party/WebKit/LayoutTests/fast/box-shadow/single-pixel-shadow.html b/third_party/WebKit/LayoutTests/fast/box-shadow/single-pixel-shadow.html index 792fc55..ce3792b 100644 --- a/third_party/WebKit/LayoutTests/fast/box-shadow/single-pixel-shadow.html +++ b/third_party/WebKit/LayoutTests/fast/box-shadow/single-pixel-shadow.html @@ -12,7 +12,7 @@ .scaled { -webkit-transform-origin: -1px -1px; - -webkit-transform: scale(20); + transform: scale(20); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/box-shadow/transform-fringing.html b/third_party/WebKit/LayoutTests/fast/box-shadow/transform-fringing.html index 7d026a4..10dd2a8 100644 --- a/third_party/WebKit/LayoutTests/fast/box-shadow/transform-fringing.html +++ b/third_party/WebKit/LayoutTests/fast/box-shadow/transform-fringing.html @@ -5,6 +5,6 @@ <div style="width: 100px; height: 100px; -webkit-box-shadow: 20px 20px white; - -webkit-transform: rotate(45deg); + transform: rotate(45deg); "></div> </div> diff --git a/third_party/WebKit/LayoutTests/fast/canvas/transformed-canvas-reset.html b/third_party/WebKit/LayoutTests/fast/canvas/transformed-canvas-reset.html index 5ba2588..14c7461 100644 --- a/third_party/WebKit/LayoutTests/fast/canvas/transformed-canvas-reset.html +++ b/third_party/WebKit/LayoutTests/fast/canvas/transformed-canvas-reset.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<canvas id="can" width=200 height=256 style="-webkit-transform: translateZ(0)"></canvas> +<canvas id="can" width=200 height=256 style="transform: translateZ(0)"></canvas> Test passes if DRT doesn't crash. <script> var can = document.querySelector("#can"); diff --git a/third_party/WebKit/LayoutTests/fast/canvas/webgl/canvas-2d-webgl-texture.html b/third_party/WebKit/LayoutTests/fast/canvas/webgl/canvas-2d-webgl-texture.html index 69385d7..fad7cfb 100644 --- a/third_party/WebKit/LayoutTests/fast/canvas/webgl/canvas-2d-webgl-texture.html +++ b/third_party/WebKit/LayoutTests/fast/canvas/webgl/canvas-2d-webgl-texture.html @@ -73,6 +73,6 @@ window.onload = function() <div id="description"></div> <div id="console"></div> <canvas id="webgl-canvas" width="32px" height="32px"></canvas> -<canvas id="canvas-2d" style="-webkit-transform: translateZ(0);"></canvas> +<canvas id="canvas-2d" style="transform: translateZ(0);"></canvas> </body> </html> diff --git a/third_party/WebKit/LayoutTests/fast/clip/overflow-border-radius-composited-parent.html b/third_party/WebKit/LayoutTests/fast/clip/overflow-border-radius-composited-parent.html index 6a18826..4480002 100644 --- a/third_party/WebKit/LayoutTests/fast/clip/overflow-border-radius-composited-parent.html +++ b/third_party/WebKit/LayoutTests/fast/clip/overflow-border-radius-composited-parent.html @@ -8,14 +8,14 @@ height: 100px; margin: 10px; display: inline-block; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .inner { background: #808080; width: 100%; height: 100%; color: #FFFFFF; - -webkit-transform: rotate(45deg) translateZ(0); + transform: rotate(45deg) translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/clip/overflow-border-radius-composited.html b/third_party/WebKit/LayoutTests/fast/clip/overflow-border-radius-composited.html index 30be2c9..0e427f6 100644 --- a/third_party/WebKit/LayoutTests/fast/clip/overflow-border-radius-composited.html +++ b/third_party/WebKit/LayoutTests/fast/clip/overflow-border-radius-composited.html @@ -14,7 +14,7 @@ width: 100%; height: 100%; color: #FFFFFF; - -webkit-transform: rotate(45deg) translateZ(0); + transform: rotate(45deg) translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/clip/overflow-border-radius-transformed.html b/third_party/WebKit/LayoutTests/fast/clip/overflow-border-radius-transformed.html index 2d5fc1e..8f57f70 100644 --- a/third_party/WebKit/LayoutTests/fast/clip/overflow-border-radius-transformed.html +++ b/third_party/WebKit/LayoutTests/fast/clip/overflow-border-radius-transformed.html @@ -14,7 +14,7 @@ width: 100%; height: 100%; color: #FFFFFF; - -webkit-transform: rotate(45deg); + transform: rotate(45deg); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/css/annotated-regions.html b/third_party/WebKit/LayoutTests/fast/css/annotated-regions.html index 168f4ad..9b67e51 100644 --- a/third_party/WebKit/LayoutTests/fast/css/annotated-regions.html +++ b/third_party/WebKit/LayoutTests/fast/css/annotated-regions.html @@ -10,7 +10,7 @@ } .transform { - -webkit-transform: scale(0.5, 0.5); + transform: scale(0.5, 0.5); } #draggable { diff --git a/third_party/WebKit/LayoutTests/fast/css/clip-text-in-scaled-div.html b/third_party/WebKit/LayoutTests/fast/css/clip-text-in-scaled-div.html index 97434ef..5a1347c 100644 --- a/third_party/WebKit/LayoutTests/fast/css/clip-text-in-scaled-div.html +++ b/third_party/WebKit/LayoutTests/fast/css/clip-text-in-scaled-div.html @@ -2,7 +2,7 @@ <style> body { overflow: hidden; } .scaled { - -webkit-transform:scale(2); + transform:scale(2); -webkit-transform-origin: top left; } .clip-text { diff --git a/third_party/WebKit/LayoutTests/fast/css/fixed-overlaps-absolute-in-clip.html b/third_party/WebKit/LayoutTests/fast/css/fixed-overlaps-absolute-in-clip.html index d20580f..206680c 100644 --- a/third_party/WebKit/LayoutTests/fast/css/fixed-overlaps-absolute-in-clip.html +++ b/third_party/WebKit/LayoutTests/fast/css/fixed-overlaps-absolute-in-clip.html @@ -24,7 +24,7 @@ left: 0; height: 75px; width: 75px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <div id="overlap"></div> diff --git a/third_party/WebKit/LayoutTests/fast/css/getComputedStyle/getComputedStyle-with-pseudo-element.html b/third_party/WebKit/LayoutTests/fast/css/getComputedStyle/getComputedStyle-with-pseudo-element.html index 9664c20..d1261bf 100644 --- a/third_party/WebKit/LayoutTests/fast/css/getComputedStyle/getComputedStyle-with-pseudo-element.html +++ b/third_party/WebKit/LayoutTests/fast/css/getComputedStyle/getComputedStyle-with-pseudo-element.html @@ -104,7 +104,7 @@ background-color: green; -webkit-animation: move 300ms linear; -webkit-transform-style: preserve-3d; - -webkit-transform: trasnlate3d(10px, 0, 0); + transform: trasnlate3d(10px, 0, 0); } #testHardwareAcceleratedCompositing:before { @@ -113,8 +113,8 @@ } @-webkit-keyframes move { - from { -webkit-transform: translate3d(10px, 0, 0); } - to { -webkit-transform: translate3d(300px, 0, 0); } + from { transform: translate3d(10px, 0, 0); } + to { transform: translate3d(300px, 0, 0); } } .pass { diff --git a/third_party/WebKit/LayoutTests/fast/css/getFloatValueForUnit-expected.txt b/third_party/WebKit/LayoutTests/fast/css/getFloatValueForUnit-expected.txt index 7d13e73..b41e19a 100644 --- a/third_party/WebKit/LayoutTests/fast/css/getFloatValueForUnit-expected.txt +++ b/third_party/WebKit/LayoutTests/fast/css/getFloatValueForUnit-expected.txt @@ -10,10 +10,10 @@ PASS getFloatValue(0, 'font-size', CSSPrimitiveValue.CSS_IN) is 0.138889 PASS getFloatValue(0, 'font-size', CSSPrimitiveValue.CSS_PC) is 0.833333 PASS getFloatValue(0, 'font-size', CSSPrimitiveValue.CSS_PX) is 13.333333 PASS getFloatValue(0, 'font-size', CSSPrimitiveValue.CSS_NUMBER) is 13.333333 -PASS getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_DEG) is 90 -PASS getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_RAD) is 1.570796 -PASS getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_GRAD) is 100 -PASS getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_NUMBER) is 90 +PASS getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_DEG) is 90 +PASS getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_RAD) is 1.570796 +PASS getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_GRAD) is 100 +PASS getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_NUMBER) is 90 PASS getFloatValue(1, '-webkit-animation-delay', CSSPrimitiveValue.CSS_MS) is 200 PASS getFloatValue(1, '-webkit-animation-delay', CSSPrimitiveValue.CSS_S) is 0.2 PASS getFloatValue(1, '-webkit-animation-delay', CSSPrimitiveValue.CSS_NUMBER) is 200 @@ -22,11 +22,11 @@ PASS getFloatValue(0, 'font-size', CSSPrimitiveValue.CSS_MS) threw exception Inv PASS getFloatValue(0, 'font-size', CSSPrimitiveValue.CSS_HZ) threw exception InvalidAccessError: Failed to execute 'getFloatValue' on 'CSSPrimitiveValue': Failed to obtain a double value.. PASS getFloatValue(0, 'font-size', CSSPrimitiveValue.CSS_DEG) threw exception InvalidAccessError: Failed to execute 'getFloatValue' on 'CSSPrimitiveValue': Failed to obtain a double value.. PASS getFloatValue(0, 'font-size', CSSPrimitiveValue.CSS_RGBCOLOR) threw exception InvalidAccessError: Failed to execute 'getFloatValue' on 'CSSPrimitiveValue': Failed to obtain a double value.. -PASS getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_PERCENTAGE) threw exception InvalidAccessError: Failed to execute 'getFloatValue' on 'CSSPrimitiveValue': Failed to obtain a double value.. -PASS getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_PX) threw exception InvalidAccessError: Failed to execute 'getFloatValue' on 'CSSPrimitiveValue': Failed to obtain a double value.. -PASS getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_MS) threw exception InvalidAccessError: Failed to execute 'getFloatValue' on 'CSSPrimitiveValue': Failed to obtain a double value.. -PASS getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_HZ) threw exception InvalidAccessError: Failed to execute 'getFloatValue' on 'CSSPrimitiveValue': Failed to obtain a double value.. -PASS getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_RGBCOLOR) threw exception InvalidAccessError: Failed to execute 'getFloatValue' on 'CSSPrimitiveValue': Failed to obtain a double value.. +PASS getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_PERCENTAGE) threw exception InvalidAccessError: Failed to execute 'getFloatValue' on 'CSSPrimitiveValue': Failed to obtain a double value.. +PASS getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_PX) threw exception InvalidAccessError: Failed to execute 'getFloatValue' on 'CSSPrimitiveValue': Failed to obtain a double value.. +PASS getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_MS) threw exception InvalidAccessError: Failed to execute 'getFloatValue' on 'CSSPrimitiveValue': Failed to obtain a double value.. +PASS getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_HZ) threw exception InvalidAccessError: Failed to execute 'getFloatValue' on 'CSSPrimitiveValue': Failed to obtain a double value.. +PASS getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_RGBCOLOR) threw exception InvalidAccessError: Failed to execute 'getFloatValue' on 'CSSPrimitiveValue': Failed to obtain a double value.. PASS getFloatValue(1, '-webkit-animation-delay', CSSPrimitiveValue.CSS_PERCENTAGE) threw exception InvalidAccessError: Failed to execute 'getFloatValue' on 'CSSPrimitiveValue': Failed to obtain a double value.. PASS getFloatValue(1, '-webkit-animation-delay', CSSPrimitiveValue.CSS_PX) threw exception InvalidAccessError: Failed to execute 'getFloatValue' on 'CSSPrimitiveValue': Failed to obtain a double value.. PASS getFloatValue(1, '-webkit-animation-delay', CSSPrimitiveValue.CSS_DEG) threw exception InvalidAccessError: Failed to execute 'getFloatValue' on 'CSSPrimitiveValue': Failed to obtain a double value.. diff --git a/third_party/WebKit/LayoutTests/fast/css/getFloatValueForUnit.html b/third_party/WebKit/LayoutTests/fast/css/getFloatValueForUnit.html index 2fa0040..55bb3c7 100644 --- a/third_party/WebKit/LayoutTests/fast/css/getFloatValueForUnit.html +++ b/third_party/WebKit/LayoutTests/fast/css/getFloatValueForUnit.html @@ -4,7 +4,7 @@ <script src="../../resources/js-test.js"></script> </head> <body> -<div id="test-div" style="font-size: 10pt; -webkit-transform: rotate(100grad); -webkit-animation-delay: 0.2s;"></div> +<div id="test-div" style="font-size: 10pt; transform: rotate(100grad); -webkit-animation-delay: 0.2s;"></div> <script> if (window.testRunner) testRunner.dumpAsText(); @@ -26,10 +26,10 @@ shouldBe("getFloatValue(0, 'font-size', CSSPrimitiveValue.CSS_IN)", "0.138889"); shouldBe("getFloatValue(0, 'font-size', CSSPrimitiveValue.CSS_PC)", "0.833333"); shouldBe("getFloatValue(0, 'font-size', CSSPrimitiveValue.CSS_PX)", "13.333333"); shouldBe("getFloatValue(0, 'font-size', CSSPrimitiveValue.CSS_NUMBER)", "13.333333"); -shouldBe("getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_DEG)", "90"); -shouldBe("getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_RAD)", "1.570796"); -shouldBe("getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_GRAD)", "100"); -shouldBe("getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_NUMBER)", "90"); +shouldBe("getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_DEG)", "90"); +shouldBe("getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_RAD)", "1.570796"); +shouldBe("getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_GRAD)", "100"); +shouldBe("getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_NUMBER)", "90"); shouldBe("getFloatValue(1, '-webkit-animation-delay', CSSPrimitiveValue.CSS_MS)", "200"); shouldBe("getFloatValue(1, '-webkit-animation-delay', CSSPrimitiveValue.CSS_S)", "0.2"); shouldBe("getFloatValue(1, '-webkit-animation-delay', CSSPrimitiveValue.CSS_NUMBER)", "200"); @@ -40,11 +40,11 @@ shouldThrow("getFloatValue(0, 'font-size', CSSPrimitiveValue.CSS_HZ)"); shouldThrow("getFloatValue(0, 'font-size', CSSPrimitiveValue.CSS_DEG)"); shouldThrow("getFloatValue(0, 'font-size', CSSPrimitiveValue.CSS_RGBCOLOR)"); -shouldThrow("getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_PERCENTAGE)"); -shouldThrow("getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_PX)"); -shouldThrow("getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_MS)"); -shouldThrow("getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_HZ)"); -shouldThrow("getFloatValue(2, '-webkit-transform', CSSPrimitiveValue.CSS_RGBCOLOR)"); +shouldThrow("getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_PERCENTAGE)"); +shouldThrow("getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_PX)"); +shouldThrow("getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_MS)"); +shouldThrow("getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_HZ)"); +shouldThrow("getFloatValue(2, 'transform', CSSPrimitiveValue.CSS_RGBCOLOR)"); shouldThrow("getFloatValue(1, '-webkit-animation-delay', CSSPrimitiveValue.CSS_PERCENTAGE)"); shouldThrow("getFloatValue(1, '-webkit-animation-delay', CSSPrimitiveValue.CSS_PX)"); diff --git a/third_party/WebKit/LayoutTests/fast/css/resize-corner-tracking-transformed-iframe.html b/third_party/WebKit/LayoutTests/fast/css/resize-corner-tracking-transformed-iframe.html index 498d28b..6496c7f9 100644 --- a/third_party/WebKit/LayoutTests/fast/css/resize-corner-tracking-transformed-iframe.html +++ b/third_party/WebKit/LayoutTests/fast/css/resize-corner-tracking-transformed-iframe.html @@ -19,7 +19,7 @@ </script> <style> iframe { - -webkit-transform: rotate(20deg); + transform: rotate(20deg); margin: 50px; } </style> diff --git a/third_party/WebKit/LayoutTests/fast/css/resize-corner-tracking-transformed.html b/third_party/WebKit/LayoutTests/fast/css/resize-corner-tracking-transformed.html index be1ee3a..1ee1fc7 100644 --- a/third_party/WebKit/LayoutTests/fast/css/resize-corner-tracking-transformed.html +++ b/third_party/WebKit/LayoutTests/fast/css/resize-corner-tracking-transformed.html @@ -19,7 +19,7 @@ </script> <style> div { - -webkit-transform: rotate(20deg); + transform: rotate(20deg); margin: 50px; } </style> diff --git a/third_party/WebKit/LayoutTests/fast/css/transform-default-parameter.html b/third_party/WebKit/LayoutTests/fast/css/transform-default-parameter.html index eab6b0b..6c4b2b0 100644 --- a/third_party/WebKit/LayoutTests/fast/css/transform-default-parameter.html +++ b/third_party/WebKit/LayoutTests/fast/css/transform-default-parameter.html @@ -17,21 +17,21 @@ top: 100px; left: 100px; background-color: blue; - -webkit-transform: translate(400px); // this should evaluate as 400px, 0px + transform: translate(400px); // this should evaluate as 400px, 0px } #box2 { top: 500px; left: 500px; background-color: green; - -webkit-transform: translate3d(0px, 0px, -1px); + transform: translate3d(0px, 0px, -1px); } #box3 { top: 100px; left: 500px; background-color: red; - -webkit-transform: translate3d(0px, 0px, -1px); + transform: translate3d(0px, 0px, -1px); } </style> diff --git a/third_party/WebKit/LayoutTests/fast/css/transform-function-lowercase-assert.html b/third_party/WebKit/LayoutTests/fast/css/transform-function-lowercase-assert.html index 5a7a068..976d3f3 100644 --- a/third_party/WebKit/LayoutTests/fast/css/transform-function-lowercase-assert.html +++ b/third_party/WebKit/LayoutTests/fast/css/transform-function-lowercase-assert.html @@ -1,5 +1,5 @@ <style> - #dummy { -webkit-transform: translateX(0) translateY(0) scaleX(1) scaleY(1) skewX(0) skewY(0); } + #dummy { transform: translateX(0) translateY(0) scaleX(1) scaleY(1) skewX(0) skewY(0); } </style> <script> if (window.testRunner) diff --git a/third_party/WebKit/LayoutTests/fast/css/transformed-mask.html b/third_party/WebKit/LayoutTests/fast/css/transformed-mask.html index 3fcd62c..4abf01e 100644 --- a/third_party/WebKit/LayoutTests/fast/css/transformed-mask.html +++ b/third_party/WebKit/LayoutTests/fast/css/transformed-mask.html @@ -12,11 +12,11 @@ } .transformed { - -webkit-transform: rotate(10deg); + transform: rotate(10deg); } .transformed2 { - -webkit-transform: skewX(10deg); + transform: skewX(10deg); } </style> diff --git a/third_party/WebKit/LayoutTests/fast/css/transformed-overflow-hidden-clips-fixed-expected.html b/third_party/WebKit/LayoutTests/fast/css/transformed-overflow-hidden-clips-fixed-expected.html index 80b07bb..353665b 100644 --- a/third_party/WebKit/LayoutTests/fast/css/transformed-overflow-hidden-clips-fixed-expected.html +++ b/third_party/WebKit/LayoutTests/fast/css/transformed-overflow-hidden-clips-fixed-expected.html @@ -6,7 +6,7 @@ div { } #transformed { overflow: hidden; - -webkit-transform: translateZ(0); + transform: translateZ(0); height: 100px; width: 100px; diff --git a/third_party/WebKit/LayoutTests/fast/css/transformed-overflow-hidden-clips-fixed.html b/third_party/WebKit/LayoutTests/fast/css/transformed-overflow-hidden-clips-fixed.html index a559777..bc821b6 100644 --- a/third_party/WebKit/LayoutTests/fast/css/transformed-overflow-hidden-clips-fixed.html +++ b/third_party/WebKit/LayoutTests/fast/css/transformed-overflow-hidden-clips-fixed.html @@ -2,7 +2,7 @@ <style> #transformed { overflow: hidden; - -webkit-transform: translateZ(0); + transform: translateZ(0); height: 100px; width: 100px; background-color: salmon; diff --git a/third_party/WebKit/LayoutTests/fast/dom/Element/getBoundingClientRect.html b/third_party/WebKit/LayoutTests/fast/dom/Element/getBoundingClientRect.html index a00504d..1c6d475 100644 --- a/third_party/WebKit/LayoutTests/fast/dom/Element/getBoundingClientRect.html +++ b/third_party/WebKit/LayoutTests/fast/dom/Element/getBoundingClientRect.html @@ -22,7 +22,7 @@ } #transform { - -webkit-transform: translateX(50px) rotate(45deg); + transform: translateX(50px) rotate(45deg); width: 100px; height: 100px; } diff --git a/third_party/WebKit/LayoutTests/fast/dom/Element/getClientRects.html b/third_party/WebKit/LayoutTests/fast/dom/Element/getClientRects.html index 951655a..b3e5a2d 100644 --- a/third_party/WebKit/LayoutTests/fast/dom/Element/getClientRects.html +++ b/third_party/WebKit/LayoutTests/fast/dom/Element/getClientRects.html @@ -18,7 +18,7 @@ } #transform { - -webkit-transform: translateX(50px) rotate(45deg); + transform: translateX(50px) rotate(45deg); width: 100px; height: 100px; } diff --git a/third_party/WebKit/LayoutTests/fast/dom/Range/getBoundingClientRect.html b/third_party/WebKit/LayoutTests/fast/dom/Range/getBoundingClientRect.html index 40314fa..94e16ae 100644 --- a/third_party/WebKit/LayoutTests/fast/dom/Range/getBoundingClientRect.html +++ b/third_party/WebKit/LayoutTests/fast/dom/Range/getBoundingClientRect.html @@ -27,7 +27,7 @@ body { } #test5 { - -webkit-transform: translate(50px, 100px) rotate(50deg); + transform: translate(50px, 100px) rotate(50deg); } #console { diff --git a/third_party/WebKit/LayoutTests/fast/dom/Range/getClientRects.html b/third_party/WebKit/LayoutTests/fast/dom/Range/getClientRects.html index d725cf8..e5c2d3f 100644 --- a/third_party/WebKit/LayoutTests/fast/dom/Range/getClientRects.html +++ b/third_party/WebKit/LayoutTests/fast/dom/Range/getClientRects.html @@ -23,7 +23,7 @@ } #test8 { - -webkit-transform: translate(50px, 100px) rotate(50deg); + transform: translate(50px, 100px) rotate(50deg); } #test10 { diff --git a/third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/nodesFromRect-child-frame-content.html b/third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/nodesFromRect-child-frame-content.html index ef716eb..d4cf29f 100644 --- a/third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/nodesFromRect-child-frame-content.html +++ b/third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/nodesFromRect-child-frame-content.html @@ -20,8 +20,8 @@ height: 200px; border: none; } - .rotate180 { -webkit-transform: rotate(180deg); } - .rotate90 { -webkit-transform: rotate(90deg); } + .rotate180 { transform: rotate(180deg); } + .rotate90 { transform: rotate(90deg); } #sandbox .box { box-sizing: border-box; height: 100px; diff --git a/third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/nodesFromRect-rotate.html b/third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/nodesFromRect-rotate.html index 1365a0e..e89d93d 100644 --- a/third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/nodesFromRect-rotate.html +++ b/third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/nodesFromRect-rotate.html @@ -17,9 +17,9 @@ width: 300px; height: 300px; } - .rotate45 { -webkit-transform: rotate(45deg); } - .rotate90 { -webkit-transform: rotate(90deg); } - .rotate180 { -webkit-transform: rotate(180deg); } + .rotate45 { transform: rotate(45deg); } + .rotate90 { transform: rotate(90deg); } + .rotate180 { transform: rotate(180deg); } #layer > #fleft { float: left; width: 50px; height: 300px; } #layer > #fright { float: right; width: 50px; height: 300px; } #layer > .hbox { height: 100px; margin-right: 50px; margin-left: 50px } diff --git a/third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/nodesFromRect-scale.html b/third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/nodesFromRect-scale.html index d166b89..2c19dbd 100644 --- a/third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/nodesFromRect-scale.html +++ b/third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/nodesFromRect-scale.html @@ -17,8 +17,8 @@ width: 200px; height: 200px; } - .scaleup { -webkit-transform: scale(2); } - .scaledown { -webkit-transform: scale(0.5); } + .scaleup { transform: scale(2); } + .scaledown { transform: scale(0.5); } #layer > #fleft { float: left; width: 50px; height: 200px; } #layer > #fright { float: right; width: 50px; height: 200px; } #layer > .hbox { height: 100px; margin-right: 50px; margin-left: 50px } diff --git a/third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/resources/nodesFromRect.css b/third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/resources/nodesFromRect.css index 1fcc78e..1640a4e 100644 --- a/third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/resources/nodesFromRect.css +++ b/third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/resources/nodesFromRect.css @@ -34,7 +34,7 @@ h1, div, p { #transf { margin-top: 60px; - -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } #decimal { diff --git a/third_party/WebKit/LayoutTests/fast/dom/shadow/move-style-scoped-to-another-shadowroot-crash.html b/third_party/WebKit/LayoutTests/fast/dom/shadow/move-style-scoped-to-another-shadowroot-crash.html index d0ad328..e07431b 100644 --- a/third_party/WebKit/LayoutTests/fast/dom/shadow/move-style-scoped-to-another-shadowroot-crash.html +++ b/third_party/WebKit/LayoutTests/fast/dom/shadow/move-style-scoped-to-another-shadowroot-crash.html @@ -18,7 +18,7 @@ function runTest() { createShadowRoot( createDOM('div', {'id': 'child'}, createDOM('style', {'id': 'style', 'scoped': 'scoped'}, - document.createTextNode('.c3 { display: inherit; -webkit-transform: rotate3d(0, 1, 1, 45deg); }')))))); + document.createTextNode('.c3 { display: inherit; transform: rotate3d(0, 1, 1, 45deg); }')))))); olderShadowRoot = getNodeInTreeOfTrees("host/"); youngerShadowRoot = getNodeInTreeOfTrees("host//"); diff --git a/third_party/WebKit/LayoutTests/fast/events/document-elementFromPoint.html b/third_party/WebKit/LayoutTests/fast/events/document-elementFromPoint.html index df07385..bea4ffd 100644 --- a/third_party/WebKit/LayoutTests/fast/events/document-elementFromPoint.html +++ b/third_party/WebKit/LayoutTests/fast/events/document-elementFromPoint.html @@ -92,7 +92,7 @@ th { height: 30px; } top: 470px; height: 120px; width: 200px; - -webkit-transform: translate(100px, 50px) rotate(20deg); + transform: translate(100px, 50px) rotate(20deg); } #overflow { diff --git a/third_party/WebKit/LayoutTests/fast/events/offsetX-offsetY.html b/third_party/WebKit/LayoutTests/fast/events/offsetX-offsetY.html index 06abfdb..6432572 100644 --- a/third_party/WebKit/LayoutTests/fast/events/offsetX-offsetY.html +++ b/third_party/WebKit/LayoutTests/fast/events/offsetX-offsetY.html @@ -210,7 +210,7 @@ height: 120px; width: 200px; background-color: #DDD; - -webkit-transform: translate(100px, 50px) rotate(20deg); + transform: translate(100px, 50px) rotate(20deg); } #overflow { overflow: scroll; @@ -249,7 +249,7 @@ } tr { -/* -webkit-transform: rotate(10deg);*/ +/* transform: rotate(10deg);*/ } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-iframes.html b/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-iframes.html index 0518049..e261874 100644 --- a/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-iframes.html +++ b/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-iframes.html @@ -12,7 +12,7 @@ iframe { height: 35px; } #iframe-transform { - -webkit-transform: scale(1.1) rotate(1grad); + transform: scale(1.1) rotate(1grad); margin: 10px 30px; } </style> diff --git a/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-many.html b/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-many.html index 2b92625..7e80647 100644 --- a/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-many.html +++ b/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-many.html @@ -4,7 +4,7 @@ <link rel="stylesheet" href="resources/compositor-touch-hit-rects.css"> <style> #layer { - -webkit-transform: translateZ(0); + transform: translateZ(0); } #manychildren { height: 10px; diff --git a/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-non-composited-scroll.html b/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-non-composited-scroll.html index 1026e37..d19c39a 100644 --- a/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-non-composited-scroll.html +++ b/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-non-composited-scroll.html @@ -70,7 +70,7 @@ This test verifies the hit test regions given to the compositor specifically aro </div> <div id="scroll6" class="scroll" style="margin-bottom: 10px"> <div style='height: 10px;'></div> - <div id="compositedLayer" style="-webkit-transform: translateZ(0)"> + <div id="compositedLayer" style="transform: translateZ(0)"> <div style='height: 10px;'></div> <div class="testcase" id="divInsideCompositedLayer">div in composited</div> </div> diff --git a/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-scroll.html b/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-scroll.html index 60e22e3..6ad5898 100644 --- a/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-scroll.html +++ b/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-scroll.html @@ -14,7 +14,7 @@ padding: 4px; } #transformed { - -webkit-transform: translate3d(10px, 10px, 0); + transform: translate3d(10px, 10px, 0); } .relative { position: relative; diff --git a/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-squashing.html b/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-squashing.html index 0497e5b..4dc11d6 100644 --- a/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-squashing.html +++ b/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-squashing.html @@ -4,7 +4,7 @@ <link rel="stylesheet" href="resources/compositor-touch-hit-rects.css"> <style> .composited { - -webkit-transform: translatez(0); + transform: translatez(0); } .box { diff --git a/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects.html b/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects.html index c40a6f5..e2f94c5 100644 --- a/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects.html +++ b/third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects.html @@ -20,11 +20,11 @@ left: 400px; } #translateChild { - -webkit-transform: translate(300px, 2px); + transform: translate(300px, 2px); } #tests > #transform2d { margin: 10px 32px; - -webkit-transform: scale(1.2) rotate(1grad); + transform: scale(1.2) rotate(1grad); } #overhangingContainer { height: 10px; @@ -53,11 +53,11 @@ top: 0px; } #transform3dChild { - -webkit-transform: rotate3d(0.2, 1, 0, 50grad); + transform: rotate3d(0.2, 1, 0, 50grad); } #list > li { /* Move the list item over to make sure it doesn't overlap with the list itself */ - -webkit-transform: translate(300px, 0); + transform: translate(300px, 0); } svg { width: 100px; diff --git a/third_party/WebKit/LayoutTests/fast/events/touch/touch-rect-assert-first-layer-special.html b/third_party/WebKit/LayoutTests/fast/events/touch/touch-rect-assert-first-layer-special.html index 301399e..2f2d65d0 100644 --- a/third_party/WebKit/LayoutTests/fast/events/touch/touch-rect-assert-first-layer-special.html +++ b/third_party/WebKit/LayoutTests/fast/events/touch/touch-rect-assert-first-layer-special.html @@ -6,7 +6,7 @@ RenderGeometryMap::pushMappingsToAncestor takes the slow bath (which doesn't push the RenderView */ html { - -webkit-transform: scale(1.1); + transform: scale(1.1); } </style> <script src="../../../resources/js-test.js"></script> diff --git a/third_party/WebKit/LayoutTests/fast/events/touch/touch-rect-crash-on-unpromote-layer.html b/third_party/WebKit/LayoutTests/fast/events/touch/touch-rect-crash-on-unpromote-layer.html index 0a2d436..bc506fd 100644 --- a/third_party/WebKit/LayoutTests/fast/events/touch/touch-rect-crash-on-unpromote-layer.html +++ b/third_party/WebKit/LayoutTests/fast/events/touch/touch-rect-crash-on-unpromote-layer.html @@ -8,7 +8,7 @@ left: 10px; } .composited { - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/forms/datalist/input-appearance-range-with-transform.html b/third_party/WebKit/LayoutTests/fast/forms/datalist/input-appearance-range-with-transform.html index c23bc59..7fdbf0f 100644 --- a/third_party/WebKit/LayoutTests/fast/forms/datalist/input-appearance-range-with-transform.html +++ b/third_party/WebKit/LayoutTests/fast/forms/datalist/input-appearance-range-with-transform.html @@ -2,12 +2,12 @@ <html> <head></head> <body> -<input type=range list=foo style="width: 100px; padding: 0 40px; -webkit-transform: scale(1.5) translate(10px, 100px) rotate(-45deg);" value=20 /> -<div style="display: inline-block; -webkit-transform: scale(1.5) translate(10px, 100px) rotate(-45deg);"> +<input type=range list=foo style="width: 100px; padding: 0 40px; transform: scale(1.5) translate(10px, 100px) rotate(-45deg);" value=20 /> +<div style="display: inline-block; transform: scale(1.5) translate(10px, 100px) rotate(-45deg);"> <input type=range list=foo style="width: 100px; padding: 0 40px;" value=20 /> </div> -<div style="display: inline-block; -webkit-transform: scale(1.5) translate(10px, 100px) rotate(-45deg);"> - <div style="display: inline-block; -webkit-transform: scale(0.75) translate(10px, 100px) rotate(-45deg);"> +<div style="display: inline-block; transform: scale(1.5) translate(10px, 100px) rotate(-45deg);"> + <div style="display: inline-block; transform: scale(0.75) translate(10px, 100px) rotate(-45deg);"> <input type=range list=foo style="width: 100px; padding: 0 40px;" value=20 /> </div> </div> diff --git a/third_party/WebKit/LayoutTests/fast/forms/file/file-appearance-transform-no-effects.html b/third_party/WebKit/LayoutTests/fast/forms/file/file-appearance-transform-no-effects.html index 84231da..90e2c65e 100644 --- a/third_party/WebKit/LayoutTests/fast/forms/file/file-appearance-transform-no-effects.html +++ b/third_party/WebKit/LayoutTests/fast/forms/file/file-appearance-transform-no-effects.html @@ -1,6 +1,6 @@ <!DOCTYPE html> <html> <body> -<input type="file" style="-webkit-transform: translate(0)"> +<input type="file" style="transform: translate(0)"> </body> </html> diff --git a/third_party/WebKit/LayoutTests/fast/forms/placeholder-position.html b/third_party/WebKit/LayoutTests/fast/forms/placeholder-position.html index a2cbccd..f94ca3d 100644 --- a/third_party/WebKit/LayoutTests/fast/forms/placeholder-position.html +++ b/third_party/WebKit/LayoutTests/fast/forms/placeholder-position.html @@ -20,4 +20,4 @@ <input placeholder="placeholder" style="text-align: center;"> <input placeholder="placeholder" class="center"> <br> -<input type="text" placeholder="placeholder" style="padding-top: 15px; -webkit-transform: translateY(30px) rotateZ(30deg)"><br> +<input type="text" placeholder="placeholder" style="padding-top: 15px; transform: translateY(30px) rotateZ(30deg)"><br> diff --git a/third_party/WebKit/LayoutTests/fast/forms/range/input-appearance-range.html b/third_party/WebKit/LayoutTests/fast/forms/range/input-appearance-range.html index f9efbdf..ef774e2 100644 --- a/third_party/WebKit/LayoutTests/fast/forms/range/input-appearance-range.html +++ b/third_party/WebKit/LayoutTests/fast/forms/range/input-appearance-range.html @@ -14,7 +14,7 @@ <div><input type=range style="-webkit-appearance:slider-vertical; height:140px; margin-left:64px"></div> -<div><input type=range value=75 style="-webkit-transform: rotate(30deg)"></div> +<div><input type=range value=75 style="transform: rotate(30deg)"></div> <script> document.getElementsByTagName('input')[1].focus(); diff --git a/third_party/WebKit/LayoutTests/fast/forms/range/slider-transformed.html b/third_party/WebKit/LayoutTests/fast/forms/range/slider-transformed.html index 8eadddc..03f6222 100644 --- a/third_party/WebKit/LayoutTests/fast/forms/range/slider-transformed.html +++ b/third_party/WebKit/LayoutTests/fast/forms/range/slider-transformed.html @@ -5,7 +5,7 @@ <style type="text/css" media="screen"> input[type="range"] { -webkit-transform-origin: top left; - -webkit-transform: rotate(45deg); + transform: rotate(45deg); width: 200px; } diff --git a/third_party/WebKit/LayoutTests/fast/forms/search-transformed.html b/third_party/WebKit/LayoutTests/fast/forms/search-transformed.html index b93247c..9d9b855 100644 --- a/third_party/WebKit/LayoutTests/fast/forms/search-transformed.html +++ b/third_party/WebKit/LayoutTests/fast/forms/search-transformed.html @@ -9,7 +9,7 @@ Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=22190">https://bugs.webkit.org/show_bug.cgi?id=22190</a>:<br> Tests drawing and event handling on transformed search fields. </p> - <p style="-webkit-transform: translate(50px, 50px);"> + <p style="transform: translate(50px, 50px);"> <input type="search" id="target" results="5" value="Search me"> </p> <p id="result" style="margin-top: 60px"> diff --git a/third_party/WebKit/LayoutTests/fast/frames/frame-set-rotation-hit.html b/third_party/WebKit/LayoutTests/fast/frames/frame-set-rotation-hit.html index 4c92597..5582602 100644 --- a/third_party/WebKit/LayoutTests/fast/frames/frame-set-rotation-hit.html +++ b/third_party/WebKit/LayoutTests/fast/frames/frame-set-rotation-hit.html @@ -24,7 +24,7 @@ </script> </head> <!--rotate the frameset and translate it to make sure the entire frameset is visible after scaling--> - <frameset style="width: 4000px; height: 4000px; background-color: red; -webkit-transform: rotate(90deg) translate(100px, 0px);" cols="25%,75%"> + <frameset style="width: 4000px; height: 4000px; background-color: red; transform: rotate(90deg) translate(100px, 0px);" cols="25%,75%"> <frame src="data:text/html,<body bgcolor='green'></body>"> <frame src="data:text/html,<body bgcolor='green'></body>"> </frameset> diff --git a/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling-3d.html b/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling-3d.html index 8c376a2..8bf7085 100644 --- a/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling-3d.html +++ b/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling-3d.html @@ -1,5 +1,5 @@ <html><head><title>Frame Scale Test</title></head> - <frameset style="background-color: red; -webkit-transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5, 1.0);" cols="30%,*"> + <frameset style="background-color: red; -webkit-transform-origin: 0% 0%; transform: scale(0.5, 0.5, 1.0);" cols="30%,*"> <frame src="data:text/html,<body bgcolor='green'></body>"> <frame src="data:text/html,<body bgcolor='green'></body>"> </frameset> diff --git a/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling-centered.html b/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling-centered.html index 928fa99..25d290d 100644 --- a/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling-centered.html +++ b/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling-centered.html @@ -1,4 +1,4 @@ -<html style="background-color: red; -webkit-transform: scale(0.5, 0.5);"><head><title>Frame Scale Test</title></head> +<html style="background-color: red; transform: scale(0.5, 0.5);"><head><title>Frame Scale Test</title></head> <frameset style="border: 5px solid green;" cols="30%,*"> <frame src="data:text/html,<body bgcolor='green'></body>"> <frame src="data:text/html,<body bgcolor='green'></body>"> diff --git a/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling-rotate.html b/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling-rotate.html index ef32294..6be22519 100644 --- a/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling-rotate.html +++ b/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling-rotate.html @@ -1,5 +1,5 @@ <html><head><title>Frame Scale Test</title></head> - <frameset style="background-color: red; -webkit-transform: scale(0.5, 0.5) rotate(45deg);" cols="30%,*"> + <frameset style="background-color: red; transform: scale(0.5, 0.5) rotate(45deg);" cols="30%,*"> <frame src="data:text/html,<body bgcolor='green'></body>"> <frame src="data:text/html,<body bgcolor='green'></body>"> </frameset> diff --git a/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling-skew.html b/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling-skew.html index d66fde5..f0ab553 100644 --- a/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling-skew.html +++ b/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling-skew.html @@ -1,5 +1,5 @@ <html><head><title>Frame Scale Test</title></head> - <frameset style="background-color: red; -webkit-transform: scale(0.5, 0.5) skew(30deg);" cols="30%,*"> + <frameset style="background-color: red; transform: scale(0.5, 0.5) skew(30deg);" cols="30%,*"> <frame src="data:text/html,<body bgcolor='green'></body>"> <frame src="data:text/html,<body bgcolor='green'></body>"> </frameset> diff --git a/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling.html b/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling.html index 2d4d843..10bc7c5 100644 --- a/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling.html +++ b/third_party/WebKit/LayoutTests/fast/frames/frame-set-scaling.html @@ -1,5 +1,5 @@ <html><head><title>Frame Scale Test</title></head> - <frameset style="background-color: red; -webkit-transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5);" cols="30%,*"> + <frameset style="background-color: red; -webkit-transform-origin: 0% 0%; transform: scale(0.5, 0.5);" cols="30%,*"> <frame src="data:text/html,<body bgcolor='green'></body>"> <frame src="data:text/html,<body bgcolor='green'></body>"> </frameset> diff --git a/third_party/WebKit/LayoutTests/fast/frames/iframe-scale-applied-twice.html b/third_party/WebKit/LayoutTests/fast/frames/iframe-scale-applied-twice.html index f2cddad..fd7b490 100644 --- a/third_party/WebKit/LayoutTests/fast/frames/iframe-scale-applied-twice.html +++ b/third_party/WebKit/LayoutTests/fast/frames/iframe-scale-applied-twice.html @@ -1,6 +1,6 @@ <!DOCTYPE HTML> <p id="result">Test did not run</p> -<div style="-webkit-transform: scale(2);"> +<div style="transform: scale(2);"> <iframe id="target" style="width: 100px; height: 100px; border: none;"></iframe> </div> <script> diff --git a/third_party/WebKit/LayoutTests/fast/frames/iframe-scaling-with-scroll.html b/third_party/WebKit/LayoutTests/fast/frames/iframe-scaling-with-scroll.html index 98ed667..1904cdd 100644 --- a/third_party/WebKit/LayoutTests/fast/frames/iframe-scaling-with-scroll.html +++ b/third_party/WebKit/LayoutTests/fast/frames/iframe-scaling-with-scroll.html @@ -1,5 +1,5 @@ <html> <body> -<iframe style="-webkit-transform-origin: 0% 0%; position: absolute; width: 50%; height: 50%; -webkit-transform: scale(0.5, 0.5);" src="data:text/html,<body><div style='width: 1000px; height: 1000px; background-color: green;'></div></body>"></iframe> +<iframe style="-webkit-transform-origin: 0% 0%; position: absolute; width: 50%; height: 50%; transform: scale(0.5, 0.5);" src="data:text/html,<body><div style='width: 1000px; height: 1000px; background-color: green;'></div></body>"></iframe> </body> </html> diff --git a/third_party/WebKit/LayoutTests/fast/gradients/background-clipped.html b/third_party/WebKit/LayoutTests/fast/gradients/background-clipped.html index 50fec6e..3bd313e 100644 --- a/third_party/WebKit/LayoutTests/fast/gradients/background-clipped.html +++ b/third_party/WebKit/LayoutTests/fast/gradients/background-clipped.html @@ -8,7 +8,7 @@ -webkit-background-size: 66% 66%; } </style> - <div style="-webkit-transform: rotate(45deg);"></div> + <div style="transform: rotate(45deg);"></div> <div style="margin-top: 50px; margin-left: -50px;"></div> <div style="margin-top: -210px; margin-left: auto; margin-right: -50px;"> </div> diff --git a/third_party/WebKit/LayoutTests/fast/hidpi/gradient-with-scaled-ancestor.html b/third_party/WebKit/LayoutTests/fast/hidpi/gradient-with-scaled-ancestor.html index fbedc27..b7e8bea 100644 --- a/third_party/WebKit/LayoutTests/fast/hidpi/gradient-with-scaled-ancestor.html +++ b/third_party/WebKit/LayoutTests/fast/hidpi/gradient-with-scaled-ancestor.html @@ -14,7 +14,7 @@ </script> </head> <body onload="startTest();" style="overflow:hidden;"> - <div style="-webkit-transform:scale(1.5); -webkit-transform-origin:top left;"> + <div style="transform:scale(1.5); -webkit-transform-origin:top left;"> <div style="height:300px;width:300px;background-image:-webkit-repeating-linear-gradient(top left, red 10%, blue 30%);border:1px solid"> </div> </div> diff --git a/third_party/WebKit/LayoutTests/fast/images/pixel-crack-image-background-webkit-transform-scale.html b/third_party/WebKit/LayoutTests/fast/images/pixel-crack-image-background-webkit-transform-scale.html index 1b257d1..ba3610b 100644 --- a/third_party/WebKit/LayoutTests/fast/images/pixel-crack-image-background-webkit-transform-scale.html +++ b/third_party/WebKit/LayoutTests/fast/images/pixel-crack-image-background-webkit-transform-scale.html @@ -2,7 +2,7 @@ <head> <style> div { - -webkit-transform: scale(2.7937); + transform: scale(2.7937); background-image: url('./resources/pixel-crack-image-background-webkit-transform-scale.png'); background-position: 16px 16px; height: 16px; diff --git a/third_party/WebKit/LayoutTests/fast/inline/fixed-pos-with-transform-container-moves-with-abspos-parent.html b/third_party/WebKit/LayoutTests/fast/inline/fixed-pos-with-transform-container-moves-with-abspos-parent.html index 730e50e..75a24be 100644 --- a/third_party/WebKit/LayoutTests/fast/inline/fixed-pos-with-transform-container-moves-with-abspos-parent.html +++ b/third_party/WebKit/LayoutTests/fast/inline/fixed-pos-with-transform-container-moves-with-abspos-parent.html @@ -9,7 +9,7 @@ border: 2px solid black; left:0; top:0; - -webkit-transform: rotate(0); + transform: rotate(0); } #outer { diff --git a/third_party/WebKit/LayoutTests/fast/layers/clip-rects-assertion.html b/third_party/WebKit/LayoutTests/fast/layers/clip-rects-assertion.html index 3a2d358..a7019e5 100644 --- a/third_party/WebKit/LayoutTests/fast/layers/clip-rects-assertion.html +++ b/third_party/WebKit/LayoutTests/fast/layers/clip-rects-assertion.html @@ -12,7 +12,7 @@ } .container:hover { - -webkit-transform: translateX(0); + transform: translateX(0); } .box { diff --git a/third_party/WebKit/LayoutTests/fast/layers/clip-rects-transformed-2.html b/third_party/WebKit/LayoutTests/fast/layers/clip-rects-transformed-2.html index 892de28..9f49dca 100644 --- a/third_party/WebKit/LayoutTests/fast/layers/clip-rects-transformed-2.html +++ b/third_party/WebKit/LayoutTests/fast/layers/clip-rects-transformed-2.html @@ -10,7 +10,7 @@ <p> This test should not cause an assertion faliure. </p> -<div style="-webkit-transform: translateZ(0); position: absolute;"></div> +<div style="transform: translateZ(0); position: absolute;"></div> <div style="opacity: 0.9"> <div style="position: absolute;"> <embed type="application/x-webkit-test-netscape"> diff --git a/third_party/WebKit/LayoutTests/fast/layers/clip-rects-transformed.html b/third_party/WebKit/LayoutTests/fast/layers/clip-rects-transformed.html index 14328f1..ea2d1d7 100644 --- a/third_party/WebKit/LayoutTests/fast/layers/clip-rects-transformed.html +++ b/third_party/WebKit/LayoutTests/fast/layers/clip-rects-transformed.html @@ -10,7 +10,7 @@ <p> This test should not cause an assertion faliure. </p> -<div style="-webkit-transform: translateX(100px);"> +<div style="transform: translateX(100px);"> <div style="position: absolute; overflow: hidden;"> <embed type="application/x-webkit-test-netscape"> </div> diff --git a/third_party/WebKit/LayoutTests/fast/layers/crash-shadowdom-scrollbar-no-scrollable-area.html b/third_party/WebKit/LayoutTests/fast/layers/crash-shadowdom-scrollbar-no-scrollable-area.html index b811af6..cd3db09 100644 --- a/third_party/WebKit/LayoutTests/fast/layers/crash-shadowdom-scrollbar-no-scrollable-area.html +++ b/third_party/WebKit/LayoutTests/fast/layers/crash-shadowdom-scrollbar-no-scrollable-area.html @@ -12,7 +12,7 @@ function boom() { var tfoot = document.createElement('tfoot'); var blockquote = document.createElement('blockquote'); var style = document.createElement('style'); - style.innerHTML = '.c19 { -webkit-backface-visibility: hidden; } .c19:nth-child(even) { overflow: scroll; -webkit-transform: scale(0.5, 0.5); }'; + style.innerHTML = '.c19 { -webkit-backface-visibility: hidden; } .c19:nth-child(even) { overflow: scroll; transform: scale(0.5, 0.5); }'; var em = document.createElement('em'); var header = document.createElement('header'); header.setAttribute('class', 'c19'); diff --git a/third_party/WebKit/LayoutTests/fast/layers/geometry-map-transform-state-translation-mismatch.html b/third_party/WebKit/LayoutTests/fast/layers/geometry-map-transform-state-translation-mismatch.html index 7595beb..1fa807f9 100644 --- a/third_party/WebKit/LayoutTests/fast/layers/geometry-map-transform-state-translation-mismatch.html +++ b/third_party/WebKit/LayoutTests/fast/layers/geometry-map-transform-state-translation-mismatch.html @@ -8,7 +8,7 @@ .content { background: rgba(255, 0, 0, 0.2); - -webkit-transform: translateZ(0); + transform: translateZ(0); width: 100px; } diff --git a/third_party/WebKit/LayoutTests/fast/layers/nested-layers-4.html b/third_party/WebKit/LayoutTests/fast/layers/nested-layers-4.html index e4061fb..0bfc9ef 100644 --- a/third_party/WebKit/LayoutTests/fast/layers/nested-layers-4.html +++ b/third_party/WebKit/LayoutTests/fast/layers/nested-layers-4.html @@ -37,7 +37,7 @@ function finish() The test passes if it completes without failing any assertions in Debug mode. <div> <div style="position:absolute; top:50px" class="a"> - <div style="-webkit-transform:translate(27px, 47px); -webkit-transform:rotate(30deg)" class="a"> + <div style="transform:translate(27px, 47px); transform:rotate(30deg)" class="a"> <div style="opacity: 0.8; width:50px; height:50px" class="b"></div> <div style="position:absolute; width:20px; height:20px; left: 4px; top:7px" id="innerLayer" class="a"> <div style="position:relative; width:15px; height:15px" class="a"></div> diff --git a/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transform-expected.html b/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transform-expected.html index 033e02a..b16618d 100644 --- a/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transform-expected.html +++ b/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transform-expected.html @@ -13,7 +13,7 @@ div { } #transformed { - -webkit-transform: rotate(45deg) translate3d(0, 0, 0); + transform: rotate(45deg) translate3d(0, 0, 0); background: green; } </style> diff --git a/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transform.html b/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transform.html index f788c70..d572074 100644 --- a/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transform.html +++ b/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transform.html @@ -13,13 +13,13 @@ div { } #transformed { - -webkit-transform: rotate(0deg) translate3d(0, 0, 0); + transform: rotate(0deg) translate3d(0, 0, 0); -webkit-transition: -webkit-transform linear 0s; background: green; } #transformed:hover { - -webkit-transform: rotate(45deg) translate3d(0, 0, 0); + transform: rotate(45deg) translate3d(0, 0, 0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transition-expected.html b/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transition-expected.html index 460f0e2..0b81a07 100644 --- a/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transition-expected.html +++ b/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transition-expected.html @@ -13,7 +13,7 @@ div { } .transformed { - -webkit-transform: rotate(45deg) translate3d(0, 0, 0); + transform: rotate(45deg) translate3d(0, 0, 0); background: green; } </style> diff --git a/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transition.html b/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transition.html index 854bccd..c398afc 100644 --- a/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transition.html +++ b/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transition.html @@ -13,13 +13,13 @@ div { } .transformed { - -webkit-transform: rotate(0deg) translate3d(0, 0, 0); + transform: rotate(0deg) translate3d(0, 0, 0); -webkit-transition: -webkit-transform linear 0s; background: green; } .transformed:hover { - -webkit-transform: rotate(45deg) translate3d(0, 0, 0); + transform: rotate(45deg) translate3d(0, 0, 0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-hardware-acceleration-expected.html b/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-hardware-acceleration-expected.html index 033e02a..b16618d 100644 --- a/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-hardware-acceleration-expected.html +++ b/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-hardware-acceleration-expected.html @@ -13,7 +13,7 @@ div { } #transformed { - -webkit-transform: rotate(45deg) translate3d(0, 0, 0); + transform: rotate(45deg) translate3d(0, 0, 0); background: green; } </style> diff --git a/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-hardware-acceleration.html b/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-hardware-acceleration.html index c22b158..ec6a1df 100644 --- a/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-hardware-acceleration.html +++ b/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-hardware-acceleration.html @@ -13,13 +13,13 @@ div { } #transformed { - -webkit-transform: rotate(0deg) translate3d(0, 0, 0); + transform: rotate(0deg) translate3d(0, 0, 0); -webkit-transition: -webkit-transform linear 0s; background: green; } #transformed:hover { - -webkit-transform: rotate(45deg) translate3d(0, 0, 0); + transform: rotate(45deg) translate3d(0, 0, 0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/layers/opacity-change-stacking-context.html b/third_party/WebKit/LayoutTests/fast/layers/opacity-change-stacking-context.html index b9aa43a..375f3e7 100644 --- a/third_party/WebKit/LayoutTests/fast/layers/opacity-change-stacking-context.html +++ b/third_party/WebKit/LayoutTests/fast/layers/opacity-change-stacking-context.html @@ -8,7 +8,7 @@ width: 150px; height: 75px; background-color: yellow; - -webkit-transform: translateZ(0); + transform: translateZ(0); opacity: 0; } </style> diff --git a/third_party/WebKit/LayoutTests/fast/layers/opacity-transforms.html b/third_party/WebKit/LayoutTests/fast/layers/opacity-transforms.html index bd80b0b..172a993 100644 --- a/third_party/WebKit/LayoutTests/fast/layers/opacity-transforms.html +++ b/third_party/WebKit/LayoutTests/fast/layers/opacity-transforms.html @@ -21,7 +21,7 @@ width: 10px; height: 10px; outline: 12px solid blue; - -webkit-transform: translate(50px, 50px); + transform: translate(50px, 50px); } .inner { diff --git a/third_party/WebKit/LayoutTests/fast/layers/scroll-with-transform-composited-layer.html b/third_party/WebKit/LayoutTests/fast/layers/scroll-with-transform-composited-layer.html index 3f70a71..169d699 100644 --- a/third_party/WebKit/LayoutTests/fast/layers/scroll-with-transform-composited-layer.html +++ b/third_party/WebKit/LayoutTests/fast/layers/scroll-with-transform-composited-layer.html @@ -9,14 +9,10 @@ div.relative { position: relative } div.composited { - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); transform: translateZ(0); } div.translated { - -webkit-transform: translate(0); - -moz-transform: translate(0); transform: translate(0); } </style> diff --git a/third_party/WebKit/LayoutTests/fast/layers/scroll-with-transform-layer.html b/third_party/WebKit/LayoutTests/fast/layers/scroll-with-transform-layer.html index 0035ec0..e5d8dc1 100644 --- a/third_party/WebKit/LayoutTests/fast/layers/scroll-with-transform-layer.html +++ b/third_party/WebKit/LayoutTests/fast/layers/scroll-with-transform-layer.html @@ -9,14 +9,10 @@ div.relative { position: relative } div.rotated { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); transform: rotate(360deg); } div.translated { - -webkit-transform: translate(0); - -moz-transform: translate(0); transform: translate(0); } </style> diff --git a/third_party/WebKit/LayoutTests/fast/multicol/layers-split-across-columns.html b/third_party/WebKit/LayoutTests/fast/multicol/layers-split-across-columns.html index 4a167ac..42b4940 100644 --- a/third_party/WebKit/LayoutTests/fast/multicol/layers-split-across-columns.html +++ b/third_party/WebKit/LayoutTests/fast/multicol/layers-split-across-columns.html @@ -30,7 +30,7 @@ Transforms: <div class="multicol"> <div class="block" style="background-color:black"></div> -<div style="margin-left: -100px; -webkit-transform: translate(100px, 0);" class="layer"> +<div style="margin-left: -100px; transform: translate(100px, 0);" class="layer"> <div class="block" style="background-color: #0000f0"></div> <div class="block" style="background-color: #0000d0"></div> <div class="block" style="background-color: #0000b0"></div> diff --git a/third_party/WebKit/LayoutTests/fast/multicol/span/positioned-child-not-removed-crash.html b/third_party/WebKit/LayoutTests/fast/multicol/span/positioned-child-not-removed-crash.html index a30979c..a163909 100644 --- a/third_party/WebKit/LayoutTests/fast/multicol/span/positioned-child-not-removed-crash.html +++ b/third_party/WebKit/LayoutTests/fast/multicol/span/positioned-child-not-removed-crash.html @@ -6,7 +6,7 @@ Test passes if it does not crash. .caption1 { -webkit-column-width: 1px; } .div1 { position: absolute; } .keygen1:nth-last-child(even) { display: block; -webkit-column-span: all; } -.flexbox1 { display: -webkit-flexbox; padding-right: 10px; -webkit-transform: rotate3d(0, 1, 0, 90deg); } +.flexbox1 { display: -webkit-flexbox; padding-right: 10px; transform: rotate3d(0, 1, 0, 90deg); } </style> <script> if (window.testRunner) diff --git a/third_party/WebKit/LayoutTests/fast/multicol/transform-inside-opacity.html b/third_party/WebKit/LayoutTests/fast/multicol/transform-inside-opacity.html index bd973ba..a60dc1a 100644 --- a/third_party/WebKit/LayoutTests/fast/multicol/transform-inside-opacity.html +++ b/third_party/WebKit/LayoutTests/fast/multicol/transform-inside-opacity.html @@ -7,6 +7,6 @@ <div style="position:relative; width:420px; height:200px; -webkit-column-count:2; -webkit-column-width:200px; -webkit-column-gap:20px; column-count:2; column-width:200px; column-gap:20px; column-fill:auto; border:2px solid black;"> <div style="height:100px"></div> <div style="opacity:0.5"> -<div class="transformed" style="float:left;width:200px;height:100px;-webkit-transform:translate(0, 100px)"></div> +<div class="transformed" style="float:left;width:200px;height:100px;transform:translate(0, 100px)"></div> </div> </div> diff --git a/third_party/WebKit/LayoutTests/fast/overflow/overflow-update-transform.html b/third_party/WebKit/LayoutTests/fast/overflow/overflow-update-transform.html index 3295887..e4a1ecf 100644 --- a/third_party/WebKit/LayoutTests/fast/overflow/overflow-update-transform.html +++ b/third_party/WebKit/LayoutTests/fast/overflow/overflow-update-transform.html @@ -14,7 +14,7 @@ .contents { height: 250px; width: 250px; - -webkit-transform: rotate(45deg); + transform: rotate(45deg); background-color: silver; } </style> diff --git a/third_party/WebKit/LayoutTests/fast/overflow/position-fixed-transform-clipping.html b/third_party/WebKit/LayoutTests/fast/overflow/position-fixed-transform-clipping.html index 1d82085..fd0a2b7 100644 --- a/third_party/WebKit/LayoutTests/fast/overflow/position-fixed-transform-clipping.html +++ b/third_party/WebKit/LayoutTests/fast/overflow/position-fixed-transform-clipping.html @@ -22,7 +22,7 @@ width: 100%; height: 100%; background-color: green; - -webkit-transform: translate(0, 0); + transform: translate(0, 0); } p { position: absolute; diff --git a/third_party/WebKit/LayoutTests/fast/reflections/opacity-reflection-transform.html b/third_party/WebKit/LayoutTests/fast/reflections/opacity-reflection-transform.html index 7ca289d..63270e5 100644 --- a/third_party/WebKit/LayoutTests/fast/reflections/opacity-reflection-transform.html +++ b/third_party/WebKit/LayoutTests/fast/reflections/opacity-reflection-transform.html @@ -17,7 +17,7 @@ width: 200px; background-color: green; -webkit-transform-origin: top left; - -webkit-transform: rotate(20deg); + transform: rotate(20deg); -webkit-box-reflect: right 20px; } diff --git a/third_party/WebKit/LayoutTests/fast/repaint/block-selection-gap-in-composited-layer.html b/third_party/WebKit/LayoutTests/fast/repaint/block-selection-gap-in-composited-layer.html index 1ebd070..db1713a 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/block-selection-gap-in-composited-layer.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/block-selection-gap-in-composited-layer.html @@ -11,7 +11,7 @@ </style> </head> <body onload="runTest()"> - <div style="-webkit-transform: translateZ(0); margin-top: 50px; margin-left: 50px;"> + <div style="transform: translateZ(0); margin-top: 50px; margin-left: 50px;"> <div id="target" style="background-color: red; width: 100px; height: 100px; position: absolute;"><br></div>a </div> <script> diff --git a/third_party/WebKit/LayoutTests/fast/repaint/caret-with-transformation.html b/third_party/WebKit/LayoutTests/fast/repaint/caret-with-transformation.html index a3efeda..62cea0b 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/caret-with-transformation.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/caret-with-transformation.html @@ -7,7 +7,7 @@ function repaintTest() { </script> <html> <body onload="runRepaintTest();"> -<div contenteditable="true" style="-webkit-transform:rotate(30deg)translate(100px,200px)"> +<div contenteditable="true" style="transform:rotate(30deg)translate(100px,200px)"> <div id="div">This test verifies caret repaint is correctly transformed.</div> </div> <script> diff --git a/third_party/WebKit/LayoutTests/fast/repaint/child-of-sub-pixel-offset-composited-layer.html b/third_party/WebKit/LayoutTests/fast/repaint/child-of-sub-pixel-offset-composited-layer.html index c2520db..b9fae83 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/child-of-sub-pixel-offset-composited-layer.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/child-of-sub-pixel-offset-composited-layer.html @@ -3,24 +3,23 @@ <head> <style> .container { - -webkit-transform: translateZ(0); - transform: translateZ(0); - position: absolute; - top: 100px; - left:100.5px; - background-color: red; + transform: translateZ(0); + position: absolute; + top: 100px; + left:100.5px; + background-color: red; } #target { - position: absolute; - left: 0px; - width: 10px; - height: 10px; - border: 2px solid red; + position: absolute; + left: 0px; + width: 10px; + height: 10px; + border: 2px solid red; } #target.green { - border-color: green; + border-color: green; } </style> <script src="resources/text-based-repaint.js" type="text/javascript"></script> @@ -36,7 +35,7 @@ if (window.testRunner) testRunner.dumpAsTextWithPixelResults(); function repaintTest() { - var target = document.getElementById('target'); - target.classList.add('green'); + var target = document.getElementById('target'); + target.classList.add('green'); } </script> diff --git a/third_party/WebKit/LayoutTests/fast/repaint/filter-invalidation-with-composited-container-change.html b/third_party/WebKit/LayoutTests/fast/repaint/filter-invalidation-with-composited-container-change.html index 21d426e..c6f1288 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/filter-invalidation-with-composited-container-change.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/filter-invalidation-with-composited-container-change.html @@ -12,7 +12,7 @@ } .blurry { -webkit-filter: blur(10px); - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> <!-- diff --git a/third_party/WebKit/LayoutTests/fast/repaint/filter-repaint-accelerated-child-with-filter-child.html b/third_party/WebKit/LayoutTests/fast/repaint/filter-repaint-accelerated-child-with-filter-child.html index 6e64064..e71c214 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/filter-repaint-accelerated-child-with-filter-child.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/filter-repaint-accelerated-child-with-filter-child.html @@ -14,7 +14,7 @@ div { } .accelerated { - -webkit-transform: translateZ(0); + transform: translateZ(0); } #resize { diff --git a/third_party/WebKit/LayoutTests/fast/repaint/filter-repaint-accelerated-on-accelerated-filter.html b/third_party/WebKit/LayoutTests/fast/repaint/filter-repaint-accelerated-on-accelerated-filter.html index bfaa90d..c52d300 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/filter-repaint-accelerated-on-accelerated-filter.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/filter-repaint-accelerated-on-accelerated-filter.html @@ -14,7 +14,7 @@ div { } .accelerated { - -webkit-transform: translateZ(0); + transform: translateZ(0); } #resize { diff --git a/third_party/WebKit/LayoutTests/fast/repaint/filter-repaint-on-accelerated-layer.html b/third_party/WebKit/LayoutTests/fast/repaint/filter-repaint-on-accelerated-layer.html index 3d58d7e..f706153 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/filter-repaint-on-accelerated-layer.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/filter-repaint-on-accelerated-layer.html @@ -10,7 +10,7 @@ div { } .accelerated { - -webkit-transform: translateZ(0); + transform: translateZ(0); } #resize { diff --git a/third_party/WebKit/LayoutTests/fast/repaint/fixed-child-of-transformed-move-after-scroll.html b/third_party/WebKit/LayoutTests/fast/repaint/fixed-child-of-transformed-move-after-scroll.html index 7079cbe..afd4605 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/fixed-child-of-transformed-move-after-scroll.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/fixed-child-of-transformed-move-after-scroll.html @@ -16,7 +16,7 @@ </script> </head> <body onload="scrollAndRepaint()" style="height: 3000px;"> - <div style="position: absolute: top: 0; left: 0; -webkit-transform: translate(0, 0);"> + <div style="position: absolute: top: 0; left: 0; transform: translate(0, 0);"> <p style="position: absolute; top: 210px">You should see a yellow rect on the left, and a green one on the right. No red pixels.</p> <div id="toMove" style="width: 100px; height: 100px; background-color: red; position: fixed; top: 270px; left: 10px;"></div> <div style="width: 100px; height: 100px; background-color: yellow; position: absolute; top: 270px; left: 10px; z-index: -5;"></div> diff --git a/third_party/WebKit/LayoutTests/fast/repaint/fixed-scale.html b/third_party/WebKit/LayoutTests/fast/repaint/fixed-scale.html index 0b53f9b..448fe80 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/fixed-scale.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/fixed-scale.html @@ -4,8 +4,6 @@ <style> .translated { transform: scale(2, 2); - -webkit-transform: scale(2, 2); - -moz-transform: scale(2, 2); } </style> <script src="../../resources/run-after-display.js"></script> diff --git a/third_party/WebKit/LayoutTests/fast/repaint/fixed-tranformed.html b/third_party/WebKit/LayoutTests/fast/repaint/fixed-tranformed.html index 3921d82..ccd843a 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/fixed-tranformed.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/fixed-tranformed.html @@ -14,7 +14,7 @@ position: fixed; top: 10px; left: 10px; - -webkit-transform: translate(50px, 50px); + transform: translate(50px, 50px); } .box:hover { diff --git a/third_party/WebKit/LayoutTests/fast/repaint/reflection-repaint-test.html b/third_party/WebKit/LayoutTests/fast/repaint/reflection-repaint-test.html index eefd3d9..3664303 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/reflection-repaint-test.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/reflection-repaint-test.html @@ -16,7 +16,7 @@ height: 50px; border: 1px solid black; -webkit-transform-origin: top left; - -webkit-transform: rotate(20deg); + transform: rotate(20deg); -webkit-box-reflect: below; } diff --git a/third_party/WebKit/LayoutTests/fast/repaint/resources/default.css b/third_party/WebKit/LayoutTests/fast/repaint/resources/default.css index a8d3fba..86679a8 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/resources/default.css +++ b/third_party/WebKit/LayoutTests/fast/repaint/resources/default.css @@ -41,8 +41,6 @@ iframe { } .rotated { - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); transform: rotate(45deg); } diff --git a/third_party/WebKit/LayoutTests/fast/repaint/selection-gap-transformed-absolute-child.html b/third_party/WebKit/LayoutTests/fast/repaint/selection-gap-transformed-absolute-child.html index 965ec0f..cbd69a8 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/selection-gap-transformed-absolute-child.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/selection-gap-transformed-absolute-child.html @@ -18,7 +18,7 @@ <div>Bug <a href="http://webkit.org/b/111000">111000</a>: Selection gaps don't repaint correctly with transforms</div> <div>This tests that absolute elements that get transformed are invalidated correctly. The box will be completely green if the selected area was invalidated correctly.</div> </div> - <div style="-webkit-transform: translate(50px, 50px);"> + <div style="transform: translate(50px, 50px);"> <div id="target" style="background-color: red; width: 100px; height: 100px; position: absolute;"><br/></div><br/> </div> </body> diff --git a/third_party/WebKit/LayoutTests/fast/repaint/selection-gap-transformed-fixed-child.html b/third_party/WebKit/LayoutTests/fast/repaint/selection-gap-transformed-fixed-child.html index 5178040..abc5c65 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/selection-gap-transformed-fixed-child.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/selection-gap-transformed-fixed-child.html @@ -18,7 +18,7 @@ <div>Bug <a href="http://webkit.org/b/111000">111000</a>: Selection gaps don't repaint correctly with transforms</div> <div>This tests that fixed elements that get transformed are invalidated correctly. The box will be competely green if the selected area was invalidated correctly.</div> </div> - <div style="-webkit-transform: translate(50px, 50px);"> + <div style="transform: translate(50px, 50px);"> <div id="target" style="background-color: red; width: 100px; height: 100px; position: fixed;"><br/></div><br/> </div> </body> diff --git a/third_party/WebKit/LayoutTests/fast/repaint/subtree-layoutstate-transform.html b/third_party/WebKit/LayoutTests/fast/repaint/subtree-layoutstate-transform.html index 75aba01..0f41e78 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/subtree-layoutstate-transform.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/subtree-layoutstate-transform.html @@ -5,7 +5,7 @@ height: 100px; width: 100px; margin: 20px; - -webkit-transform: scale(2); + transform: scale(2); -webkit-transform-origin: top left; } diff --git a/third_party/WebKit/LayoutTests/fast/repaint/transform-absolute-child.html b/third_party/WebKit/LayoutTests/fast/repaint/transform-absolute-child.html index ba0f9c8..f11419a 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/transform-absolute-child.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/transform-absolute-child.html @@ -11,10 +11,10 @@ width: 200px; height: 200px; border: 2px solid black; - -webkit-transform: rotate(0deg); + transform: rotate(0deg); } #box.rotated { - -webkit-transform: rotate(40deg); + transform: rotate(40deg); } #child { position: absolute; diff --git a/third_party/WebKit/LayoutTests/fast/repaint/transform-absolute-in-positioned-container.html b/third_party/WebKit/LayoutTests/fast/repaint/transform-absolute-in-positioned-container.html index c056333..01394dd 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/transform-absolute-in-positioned-container.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/transform-absolute-in-positioned-container.html @@ -19,11 +19,11 @@ width: 200px; background-color: #CCC; border: 1px solid black; - -webkit-transform: rotate(0deg); + transform: rotate(0deg); } #box.rotated { - -webkit-transform: rotate(45deg); + transform: rotate(45deg); } </style> <script src="resources/text-based-repaint.js" type="text/javascript" charset="utf-8"></script> diff --git a/third_party/WebKit/LayoutTests/fast/repaint/transform-disable-layoutstate.html b/third_party/WebKit/LayoutTests/fast/repaint/transform-disable-layoutstate.html index 948bfc6..200450f 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/transform-disable-layoutstate.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/transform-disable-layoutstate.html @@ -10,7 +10,7 @@ </script> </head> <body onload="runRepaintTest()"> - <div id="container" style="width: 500px; -webkit-transform: translate(50px, 80px)"> + <div id="container" style="width: 500px; transform: translate(50px, 80px)"> <div style="padding-bottom: 100px; background: silver;"> <div style="float: right; height: 50px; width: 50px; background: green;"></div> <div style="clear: right; border: 4px solid blue;"> diff --git a/third_party/WebKit/LayoutTests/fast/repaint/transform-layout-repaint.html b/third_party/WebKit/LayoutTests/fast/repaint/transform-layout-repaint.html index b242770..9441442 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/transform-layout-repaint.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/transform-layout-repaint.html @@ -16,7 +16,7 @@ height: 50px; border: 1px solid black; -webkit-transform-origin: top left; - -webkit-transform: rotate(20deg); + transform: rotate(20deg); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/repaint/transform-relative-position.html b/third_party/WebKit/LayoutTests/fast/repaint/transform-relative-position.html index b89fdbc..b87bfb8 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/transform-relative-position.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/transform-relative-position.html @@ -12,11 +12,11 @@ width: 200px; background-color: #CCC; border: 1px solid black; - -webkit-transform: rotate(0deg); + transform: rotate(0deg); } #box.rotated { - -webkit-transform: rotate(45deg); + transform: rotate(45deg); } </style> <script src="resources/text-based-repaint.js" type="text/javascript" charset="utf-8"></script> diff --git a/third_party/WebKit/LayoutTests/fast/repaint/transform-replaced-shadows.html b/third_party/WebKit/LayoutTests/fast/repaint/transform-replaced-shadows.html index 7305327..b7067e2 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/transform-replaced-shadows.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/transform-replaced-shadows.html @@ -9,11 +9,11 @@ background-color: gray; -webkit-transform-origin: top left; -webkit-box-shadow: 0px 20px 20px black; - -webkit-transform: scale(2); + transform: scale(2); } #box.smaller { - -webkit-transform: scale(1); + transform: scale(1); } </style> diff --git a/third_party/WebKit/LayoutTests/fast/repaint/transform-rotate-and-remove.html b/third_party/WebKit/LayoutTests/fast/repaint/transform-rotate-and-remove.html index b8698ba..a591ee4 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/transform-rotate-and-remove.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/transform-rotate-and-remove.html @@ -6,7 +6,7 @@ </title> <style> .rotated { - -webkit-transform:rotate(50deg); + transform:rotate(50deg); } </style> <script src="resources/text-based-repaint.js" type="text/javascript"></script> diff --git a/third_party/WebKit/LayoutTests/fast/repaint/transform-translate.html b/third_party/WebKit/LayoutTests/fast/repaint/transform-translate.html index 1a0031c..40a0d7e 100644 --- a/third_party/WebKit/LayoutTests/fast/repaint/transform-translate.html +++ b/third_party/WebKit/LayoutTests/fast/repaint/transform-translate.html @@ -4,7 +4,7 @@ </head> <body onload="runRepaintTest()"> <h1>Repaint test for bug 15719</h1> -<div id="target" style="-webkit-transform: translate(0, 0); width: 100px; height: 100px; background-color: yellow; border: solid;"></div> +<div id="target" style="transform: translate(0, 0); width: 100px; height: 100px; background-color: yellow; border: solid;"></div> <script> var offset = 0; function repaintTest() diff --git a/third_party/WebKit/LayoutTests/fast/replaced/selection-rect-transform.html b/third_party/WebKit/LayoutTests/fast/replaced/selection-rect-transform.html index 7071c27..1f57a75 100644 --- a/third_party/WebKit/LayoutTests/fast/replaced/selection-rect-transform.html +++ b/third_party/WebKit/LayoutTests/fast/replaced/selection-rect-transform.html @@ -6,7 +6,7 @@ width: 100px; height: 100px; background-color: rgb(255,0,0); - -webkit-transform: rotate(45deg); + transform: rotate(45deg); } img::selection { background-color: rgb(0,195,0); diff --git a/third_party/WebKit/LayoutTests/fast/sub-pixel/clip-sub-pixel-composited-layer.html b/third_party/WebKit/LayoutTests/fast/sub-pixel/clip-sub-pixel-composited-layer.html index 3ea9871..0ace54c 100644 --- a/third_party/WebKit/LayoutTests/fast/sub-pixel/clip-sub-pixel-composited-layer.html +++ b/third_party/WebKit/LayoutTests/fast/sub-pixel/clip-sub-pixel-composited-layer.html @@ -21,7 +21,7 @@ div { position: absolute; } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); z-index: 1; } .test { diff --git a/third_party/WebKit/LayoutTests/fast/sub-pixel/nested-sub-pixel-composited-layers-expected.html b/third_party/WebKit/LayoutTests/fast/sub-pixel/nested-sub-pixel-composited-layers-expected.html index 8b16b57..812a9e1 100644 --- a/third_party/WebKit/LayoutTests/fast/sub-pixel/nested-sub-pixel-composited-layers-expected.html +++ b/third_party/WebKit/LayoutTests/fast/sub-pixel/nested-sub-pixel-composited-layers-expected.html @@ -7,7 +7,7 @@ width: 100px; height: 100px; position: relative; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .overflowHidden { overflow: hidden; diff --git a/third_party/WebKit/LayoutTests/fast/sub-pixel/nested-sub-pixel-composited-layers.html b/third_party/WebKit/LayoutTests/fast/sub-pixel/nested-sub-pixel-composited-layers.html index 98da154..e785ff4 100644 --- a/third_party/WebKit/LayoutTests/fast/sub-pixel/nested-sub-pixel-composited-layers.html +++ b/third_party/WebKit/LayoutTests/fast/sub-pixel/nested-sub-pixel-composited-layers.html @@ -7,7 +7,7 @@ width: 100px; height: 100px; position: relative; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .subPixelContainer > div { position: absolute; @@ -19,7 +19,7 @@ overflow: hidden; } .test { - -webkit-transform: translateZ(0); + transform: translateZ(0); background-color: green; } .ref { diff --git a/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-accumulates-to-layers.html b/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-accumulates-to-layers.html index c97f335..27669a1 100644 --- a/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-accumulates-to-layers.html +++ b/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-accumulates-to-layers.html @@ -6,7 +6,7 @@ body { margin: 0; zoom: 0.9; - -webkit-transform: scale(40); + transform: scale(40); -webkit-transform-origin: 0 0; overflow: hidden; } @@ -31,7 +31,7 @@ body { } .rotated > div { background-color: green !important; - -webkit-transform: rotateZ(0); + transform: rotateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-composited-layer-with-transform-expected.html b/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-composited-layer-with-transform-expected.html index f89181e..f2f0514 100644 --- a/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-composited-layer-with-transform-expected.html +++ b/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-composited-layer-with-transform-expected.html @@ -5,7 +5,7 @@ div { position: absolute; width: 50px; height: 50px; - -webkit-transform: rotate3d(0, 0, 1, 10deg) scale(5, 5); + transform: rotate3d(0, 0, 1, 10deg) scale(5, 5); } #red { top: 200px; diff --git a/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-composited-layer-with-transform.html b/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-composited-layer-with-transform.html index 9e55161..f00b109 100644 --- a/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-composited-layer-with-transform.html +++ b/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-composited-layer-with-transform.html @@ -5,7 +5,7 @@ div { position: absolute; width: 50px; height: 50px; - -webkit-transform: rotate3d(0, 0, 1, 10deg) scale(5, 5); + transform: rotate3d(0, 0, 1, 10deg) scale(5, 5); } #red { top: 199.5px; diff --git a/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-composited-layers.html b/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-composited-layers.html index 99789cc..e720070 100644 --- a/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-composited-layers.html +++ b/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-composited-layers.html @@ -6,7 +6,7 @@ margin: 5px; } #test.composite > .container { - -webkit-transform: translateZ(0); + transform: translateZ(0); opacity: 0.95; } .container { diff --git a/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-root-layer.html b/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-root-layer.html index 73fb011..4246d13 100644 --- a/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-root-layer.html +++ b/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-root-layer.html @@ -28,7 +28,7 @@ </head> <body> <div id="list"> - <div class="item"><img class="icon" style="-webkit-transform: scaleX(-1);"> + <div class="item"><img class="icon" style="transform: scaleX(-1);"> <div id="layer"></div> </div> </div> diff --git a/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-transparency-layer.html b/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-transparency-layer.html index b1a81ba..1d4cc66 100644 --- a/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-transparency-layer.html +++ b/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-transparency-layer.html @@ -13,7 +13,7 @@ right: 0px; height: 50px; background-color: red; - -webkit-transform: translateZ(0); + transform: translateZ(0); } #test { opacity: 0.99; diff --git a/third_party/WebKit/LayoutTests/fast/sub-pixel/transformed-iframe-copy-on-scroll.html b/third_party/WebKit/LayoutTests/fast/sub-pixel/transformed-iframe-copy-on-scroll.html index 432b06b..0730717 100644 --- a/third_party/WebKit/LayoutTests/fast/sub-pixel/transformed-iframe-copy-on-scroll.html +++ b/third_party/WebKit/LayoutTests/fast/sub-pixel/transformed-iframe-copy-on-scroll.html @@ -13,7 +13,7 @@ padding-top: 10px; } .transform { - -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); } </style> <script src="../../resources/run-after-display.js" type="text/javascript"></script> diff --git a/third_party/WebKit/LayoutTests/fast/table/table-row-compositing-repaint-crash.html b/third_party/WebKit/LayoutTests/fast/table/table-row-compositing-repaint-crash.html index bf52ff6..bfbc758 100644 --- a/third_party/WebKit/LayoutTests/fast/table/table-row-compositing-repaint-crash.html +++ b/third_party/WebKit/LayoutTests/fast/table/table-row-compositing-repaint-crash.html @@ -10,7 +10,7 @@ .content { height: 100px; width: 100px; - -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); display: table-row; } </style> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/container-transform-crash.html b/third_party/WebKit/LayoutTests/fast/transforms/container-transform-crash.html index fad0c28..9f0cf2d 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/container-transform-crash.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/container-transform-crash.html @@ -14,7 +14,7 @@ } .container > a { - -webkit-transform: rotate(20deg); + transform: rotate(20deg); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/diamond.html b/third_party/WebKit/LayoutTests/fast/transforms/diamond.html index 0762b06..88393ad 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/diamond.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/diamond.html @@ -10,7 +10,7 @@ div { } .rotated { - -webkit-transform: rotate(45deg); + transform: rotate(45deg); } </style> <p>You should see three blocks below. The middle one should look like a diamond because it has been rotated 45 degrees.</p> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/hit-test-large-scale.html b/third_party/WebKit/LayoutTests/fast/transforms/hit-test-large-scale.html index b3b3250..d7d2bd9 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/hit-test-large-scale.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/hit-test-large-scale.html @@ -20,7 +20,7 @@ width: 2px; height: 2px; margin: 10px; - -webkit-transform: scale(60); + transform: scale(60); -webkit-transform-origin: 0 0; background-color: blue; } diff --git a/third_party/WebKit/LayoutTests/fast/transforms/identity-matrix.html b/third_party/WebKit/LayoutTests/fast/transforms/identity-matrix.html index 67c3e816..d785b90 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/identity-matrix.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/identity-matrix.html @@ -8,7 +8,7 @@ border: 5px solid black; margin:5px; } - .matrix{ -webkit-transform: matrix(1, 0, 0, 1, 0, 0); } + .matrix{ transform: matrix(1, 0, 0, 1, 0, 0); } </style> </head> <body> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/matrix-01.html b/third_party/WebKit/LayoutTests/fast/transforms/matrix-01.html index 95a5fa3..86912d2 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/matrix-01.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/matrix-01.html @@ -7,7 +7,7 @@ background-color: skyblue; border: 5px solid black; } - .matrix { -webkit-transform: rotate(-30deg) matrix(.866, .5, -.5, .866, 0, 0); } + .matrix { transform: rotate(-30deg) matrix(.866, .5, -.5, .866, 0, 0); } </style> </head> <body> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/matrix-02.html b/third_party/WebKit/LayoutTests/fast/transforms/matrix-02.html index 3c9660f..ccaf537 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/matrix-02.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/matrix-02.html @@ -1,4 +1,4 @@ <body style="position: relative;"> - <div style="width: 90px; height: 90px; position: absolute; top: 0; left: 0; -webkit-transform: matrix(.7071, .7071, -.7071, .7071, 0, 0) rotate(-45deg); border: 5px solid green;"></div> + <div style="width: 90px; height: 90px; position: absolute; top: 0; left: 0; transform: matrix(.7071, .7071, -.7071, .7071, 0, 0) rotate(-45deg); border: 5px solid green;"></div> <div style="width: 90px; height: 90px; position: absolute; top: 5px; left: 5px; background-color: green;"></div> </body> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/matrix-with-zoom.html b/third_party/WebKit/LayoutTests/fast/transforms/matrix-with-zoom.html index 52b70e5..90b0a21 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/matrix-with-zoom.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/matrix-with-zoom.html @@ -17,12 +17,12 @@ body { } .translate { - -webkit-transform: translate(100px, 50px); + transform: translate(100px, 50px); background-color: red; } .matrix { - -webkit-transform: matrix(1, 0, 0, 1, 100, 50); + transform: matrix(1, 0, 0, 1, 100, 50); background-color: green; } </style> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/mirror-transform-tiled-scaled-background.html b/third_party/WebKit/LayoutTests/fast/transforms/mirror-transform-tiled-scaled-background.html index f922ab5..f846e2c 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/mirror-transform-tiled-scaled-background.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/mirror-transform-tiled-scaled-background.html @@ -7,7 +7,6 @@ div { } #subject { background-size: 95px 100px; - -webkit-transform: scale(1, -1); transform: scale(1, -1); } </style> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/overflow-with-transform.html b/third_party/WebKit/LayoutTests/fast/transforms/overflow-with-transform.html index 4db7111..7d112a0 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/overflow-with-transform.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/overflow-with-transform.html @@ -13,7 +13,7 @@ overflow:hidden; z-index: 0; border: 1px solid black; - -webkit-transform: rotate(0); + transform: rotate(0); } #inner { diff --git a/third_party/WebKit/LayoutTests/fast/transforms/rotated-transform-affects-scrolling-1.html b/third_party/WebKit/LayoutTests/fast/transforms/rotated-transform-affects-scrolling-1.html index 83c540d..f593b92 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/rotated-transform-affects-scrolling-1.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/rotated-transform-affects-scrolling-1.html @@ -6,7 +6,7 @@ width: 1300px; height: 100px; background-color: purple; - -webkit-transform:rotate(110deg); + transform:rotate(110deg); border-left: 2px solid red; border-top: 2px solid blue; border-right: 2px solid cyan; diff --git a/third_party/WebKit/LayoutTests/fast/transforms/rotated-transform-affects-scrolling-2.html b/third_party/WebKit/LayoutTests/fast/transforms/rotated-transform-affects-scrolling-2.html index daa987b..f2504fd 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/rotated-transform-affects-scrolling-2.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/rotated-transform-affects-scrolling-2.html @@ -6,7 +6,7 @@ width: 1300px; height: 100px; background-color: purple; - -webkit-transform:rotate(80deg); + transform:rotate(80deg); border-left: 2px solid red; border-top: 2px solid blue; border-right: 2px solid cyan; diff --git a/third_party/WebKit/LayoutTests/fast/transforms/scrollIntoView-transformed.html b/third_party/WebKit/LayoutTests/fast/transforms/scrollIntoView-transformed.html index 5bca043..6509412 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/scrollIntoView-transformed.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/scrollIntoView-transformed.html @@ -97,14 +97,14 @@ function test() } .offset { - -webkit-transform: translateY(-300px); + transform: translateY(-300px); } .scaled { color: white; background-color: red; height: 20px; - -webkit-transform: scaleY(2.0); + transform: scaleY(2.0); } </style> <body onload="test()"> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/selection-bounds-in-transformed-view.html b/third_party/WebKit/LayoutTests/fast/transforms/selection-bounds-in-transformed-view.html index 7af78d7..bba1a65 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/selection-bounds-in-transformed-view.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/selection-bounds-in-transformed-view.html @@ -1,5 +1,5 @@ <body style="font: 20px Ahem; margin: 0;"> - <div id="result" style="outline: solid blue; height: 100px; width: 100px; -webkit-transform: translatez(0)"></div> + <div id="result" style="outline: solid blue; height: 100px; width: 100px; transform: translatez(0)"></div> <div style="height: 900px"></div> <div style="height: 100px;">target</div> <div style="height: 1000px;"></div> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/shadows.html b/third_party/WebKit/LayoutTests/fast/transforms/shadows.html index 33ff325..721a061 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/shadows.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/shadows.html @@ -15,19 +15,19 @@ } .transform1 { - -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .transform2 { - -webkit-transform: scale(0.5, 1); + transform: scale(0.5, 1); } .transform3 { - -webkit-transform: rotate(45deg) scale(0.5, 1); + transform: rotate(45deg) scale(0.5, 1); } .transform4 { - -webkit-transform: skewX(45deg); + transform: skewX(45deg); } .shadow1 { diff --git a/third_party/WebKit/LayoutTests/fast/transforms/skew-with-unitless-zero.html b/third_party/WebKit/LayoutTests/fast/transforms/skew-with-unitless-zero.html index 569f286..24a7f3d 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/skew-with-unitless-zero.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/skew-with-unitless-zero.html @@ -10,7 +10,7 @@ div { } .skew { - -webkit-transform:skew(0, 45deg) + transform:skew(0, 45deg) } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/topmost-becomes-bottomost-for-scrolling.html b/third_party/WebKit/LayoutTests/fast/transforms/topmost-becomes-bottomost-for-scrolling.html index fffd9ae..f4fc20e 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/topmost-becomes-bottomost-for-scrolling.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/topmost-becomes-bottomost-for-scrolling.html @@ -11,7 +11,7 @@ width:200px; height:200px; background-color:blue; - -webkit-transform: rotate(180deg); + transform: rotate(180deg); } #spill { width:100px; diff --git a/third_party/WebKit/LayoutTests/fast/transforms/transform-hit-test-flipped.html b/third_party/WebKit/LayoutTests/fast/transforms/transform-hit-test-flipped.html index 0b5dc32..660b7fd 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/transform-hit-test-flipped.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/transform-hit-test-flipped.html @@ -7,7 +7,7 @@ background: red; margin: 10px; padding: 10px; - -webkit-transform: rotate(180deg); + transform: rotate(180deg); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/transform-inside-overflow-scroll.html b/third_party/WebKit/LayoutTests/fast/transforms/transform-inside-overflow-scroll.html index a8dea75..6c47644 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/transform-inside-overflow-scroll.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/transform-inside-overflow-scroll.html @@ -12,7 +12,7 @@ width: 100px; height: 100px; background-color: green; - -webkit-transform: translateY(150px); + transform: translateY(150px); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/transform-on-inline.html b/third_party/WebKit/LayoutTests/fast/transforms/transform-on-inline.html index 413bcfd..eefdaec 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/transform-on-inline.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/transform-on-inline.html @@ -6,7 +6,7 @@ } .transformed { - -webkit-transform: rotate(10deg); + transform: rotate(10deg); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/transform-overflow.html b/third_party/WebKit/LayoutTests/fast/transforms/transform-overflow.html index 3bade09..f73c399 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/transform-overflow.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/transform-overflow.html @@ -19,7 +19,7 @@ width:200px; height:200px; overflow: auto; - -webkit-transform: scale(0.5); + transform: scale(0.5); background-color:green; z-index:0; } diff --git a/third_party/WebKit/LayoutTests/fast/transforms/transform-positioned-ancestor.html b/third_party/WebKit/LayoutTests/fast/transforms/transform-positioned-ancestor.html index d6a8ac8..ee1c990 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/transform-positioned-ancestor.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/transform-positioned-ancestor.html @@ -17,7 +17,7 @@ width: 200px; margin: 50px; background-color: gray; - -webkit-transform: rotate(0); + transform: rotate(0); } .box { position: absolute; diff --git a/third_party/WebKit/LayoutTests/fast/transforms/transform-svg.html b/third_party/WebKit/LayoutTests/fast/transforms/transform-svg.html index 779236a..1265af6 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/transform-svg.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/transform-svg.html @@ -9,7 +9,7 @@ #svgRoot { padding: 0px; margin: 0px; - -webkit-transform: translate(50%, 50%); + transform: translate(50%, 50%); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/transform-table-row.html b/third_party/WebKit/LayoutTests/fast/transforms/transform-table-row.html index a33d5ea..f113735 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/transform-table-row.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/transform-table-row.html @@ -7,7 +7,7 @@ <title>Transform on table row</title> <style type="text/css" media="screen"> .transformed { - -webkit-transform: rotate(10deg); + transform: rotate(10deg); } .transparent { opacity: 0.5; diff --git a/third_party/WebKit/LayoutTests/fast/transforms/transformed-caret.html b/third_party/WebKit/LayoutTests/fast/transforms/transformed-caret.html index 769a567..34c51a4 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/transformed-caret.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/transformed-caret.html @@ -12,7 +12,7 @@ margin: 80px; border: 1px solid black; font-size: 60pt; - -webkit-transform: rotate(30deg); + transform: rotate(30deg); } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/transformed-focused-text-input.html b/third_party/WebKit/LayoutTests/fast/transforms/transformed-focused-text-input.html index 5694164..287bbcc 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/transformed-focused-text-input.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/transformed-focused-text-input.html @@ -3,7 +3,7 @@ <style type="text/css"> div { -webkit-transform-origin: top left; - -webkit-transform: rotate(10deg); + transform: rotate(10deg); } </style> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/transforms-with-opacity.html b/third_party/WebKit/LayoutTests/fast/transforms/transforms-with-opacity.html index 228d2d6..4632e1b 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/transforms-with-opacity.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/transforms-with-opacity.html @@ -13,7 +13,7 @@ div { } .translated { - -webkit-transform:translate(120px, -10px) + transform:translate(120px, -10px) } </style> </head> diff --git a/third_party/WebKit/LayoutTests/fast/transforms/transforms-with-zoom.html b/third_party/WebKit/LayoutTests/fast/transforms/transforms-with-zoom.html index c3bb474..57eeb6c 100644 --- a/third_party/WebKit/LayoutTests/fast/transforms/transforms-with-zoom.html +++ b/third_party/WebKit/LayoutTests/fast/transforms/transforms-with-zoom.html @@ -25,13 +25,13 @@ body { } .translated1 { - -webkit-transform: translate(100px, 50px); + transform: translate(100px, 50px); background-color: green; } .translated2 { -webkit-transform-origin: 50px, 50px; - -webkit-transform: translate(250px, 50px) rotate(90deg); + transform: translate(250px, 50px) rotate(90deg); background-color: green; } diff --git a/third_party/WebKit/LayoutTests/fullscreen/full-screen-stacking-context.html b/third_party/WebKit/LayoutTests/fullscreen/full-screen-stacking-context.html index 5d3f677..34f58df 100644 --- a/third_party/WebKit/LayoutTests/fullscreen/full-screen-stacking-context.html +++ b/third_party/WebKit/LayoutTests/fullscreen/full-screen-stacking-context.html @@ -26,7 +26,7 @@ } #one, #two { opacity: 0.5; - -webkit-transform: rotate(180); + transform: rotate(180); -webkit-mask: -webkit-linear-gradient(left, alpha 0%, white 100%); -webkit-filter: contrast(100%); clip:rect(0px,100px,100px,0px); diff --git a/third_party/WebKit/LayoutTests/fullscreen/video-webkit-transform.html b/third_party/WebKit/LayoutTests/fullscreen/video-webkit-transform.html index b0cbe8c..484e783 100644 --- a/third_party/WebKit/LayoutTests/fullscreen/video-webkit-transform.html +++ b/third_party/WebKit/LayoutTests/fullscreen/video-webkit-transform.html @@ -1,6 +1,6 @@ <!DOCTYPE html> <p>Test that fullscreen video should not be affected by webkit-transform.</p> -<video id="video" width="300" style="-webkit-transform:scale(0.8, 0.8) translate(-200px, -100px);" allowfullscreen></video> +<video id="video" width="300" style="transform:scale(0.8, 0.8) translate(-200px, -100px);" allowfullscreen></video> <script> if (window.internals) runPixelTests = true; diff --git a/third_party/WebKit/LayoutTests/http/tests/css/missing-repaint-after-slow-style-sheet-expected.html b/third_party/WebKit/LayoutTests/http/tests/css/missing-repaint-after-slow-style-sheet-expected.html index 091e500..d9c7ddf 100644 --- a/third_party/WebKit/LayoutTests/http/tests/css/missing-repaint-after-slow-style-sheet-expected.html +++ b/third_party/WebKit/LayoutTests/http/tests/css/missing-repaint-after-slow-style-sheet-expected.html @@ -1,4 +1,4 @@ <!DOCTYPE html><style>h2 { background-color: green; }</style> <link rel='stylesheet' onload='start()'> <body><script>document.getElementsByTagName('link')[0].href='resources/slow-loading-sheet.php?color=green&sleep=100';</script> -<h1>Styled by external stylesheet</h1><div style='height: 200px'></div><h2 style='-webkit-transform:translateZ(0)'>Noncomposited</h2><h2 style='-webkit-transform:translateZ(0)'>Composited</h2> +<h1>Styled by external stylesheet</h1><div style='height: 200px'></div><h2 style='transform:translateZ(0)'>Noncomposited</h2><h2 style='transform:translateZ(0)'>Composited</h2> diff --git a/third_party/WebKit/LayoutTests/http/tests/css/missing-repaint-after-slow-style-sheet.pl b/third_party/WebKit/LayoutTests/http/tests/css/missing-repaint-after-slow-style-sheet.pl index 53fd75a6..2952c60 100755 --- a/third_party/WebKit/LayoutTests/http/tests/css/missing-repaint-after-slow-style-sheet.pl +++ b/third_party/WebKit/LayoutTests/http/tests/css/missing-repaint-after-slow-style-sheet.pl @@ -26,6 +26,6 @@ print_maybe_chunked "<!DOCTYPE html><style>h2 { background-color: green; }</styl print_maybe_chunked "<link rel='stylesheet' onload='start()'>"; print_maybe_chunked "<body><script>document.getElementsByTagName('link')[0].href='resources/slow-loading-sheet.php?color=green&sleep=500000'; document.body.offsetTop; requestAnimationFrame(function() { console.log('requestAnimationFrame ran'); });"; print_maybe_chunked "function start() { console.log('Stylesheet loaded'); } console.log('Inline script done');</script>"; -print_maybe_chunked "<h1>Styled by external stylesheet</h1><div style='height: 200px'></div><h2>Noncomposited</h2><h2 style='-webkit-transform:translateZ(0)'>Composited</h2>"; +print_maybe_chunked "<h1>Styled by external stylesheet</h1><div style='height: 200px'></div><h2>Noncomposited</h2><h2 style='transform:translateZ(0)'>Composited</h2>"; sleep(1); print_maybe_chunked ""; diff --git a/third_party/WebKit/LayoutTests/http/tests/inspector/resources/layer-navigation-target.html b/third_party/WebKit/LayoutTests/http/tests/inspector/resources/layer-navigation-target.html index dcae952..a387827 100644 --- a/third_party/WebKit/LayoutTests/http/tests/inspector/resources/layer-navigation-target.html +++ b/third_party/WebKit/LayoutTests/http/tests/inspector/resources/layer-navigation-target.html @@ -8,7 +8,7 @@ function test() </script> <style> .layer { - -webkit-transform: translateZ(10px); + transform: translateZ(10px); opacity: 0.8; } </style> diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/dom/dom-getBoxModel-expected.txt b/third_party/WebKit/LayoutTests/inspector-protocol/dom/dom-getBoxModel-expected.txt index 1afef6b..d8b52ab 100644 --- a/third_party/WebKit/LayoutTests/inspector-protocol/dom/dom-getBoxModel-expected.txt +++ b/third_party/WebKit/LayoutTests/inspector-protocol/dom/dom-getBoxModel-expected.txt @@ -30,7 +30,7 @@ DIV style,position:absolute;top:200;left:100;width:100;height:100;background:gre [6] : 100 [7] : 300 ] -DIV style,position:absolute;top:150;left:50;width:100;height:100;background:blue;-webkit-transform:rotate(45deg); [ +DIV style,position:absolute;top:150;left:50;width:100;height:100;background:blue;transform:rotate(45deg); [ [0] : 100 [1] : 129 [2] : 171 diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/dom/dom-getBoxModel.html b/third_party/WebKit/LayoutTests/inspector-protocol/dom/dom-getBoxModel.html index 263dfa9..fa4a75f 100644 --- a/third_party/WebKit/LayoutTests/inspector-protocol/dom/dom-getBoxModel.html +++ b/third_party/WebKit/LayoutTests/inspector-protocol/dom/dom-getBoxModel.html @@ -58,7 +58,7 @@ Of<br> Text<br> <div style="position:absolute;top:100;left:0;width:100;height:100;background:red"></div> <div style="position:absolute;top:200;left:100;width:100;height:100;background:green"></div> -<div style="position:absolute;top:150;left:50;width:100;height:100;background:blue;-webkit-transform:rotate(45deg);"></div> +<div style="position:absolute;top:150;left:50;width:100;height:100;background:blue;transform:rotate(45deg);"></div> </div> </body> </html> diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/layers/get-layers.html b/third_party/WebKit/LayoutTests/inspector-protocol/layers/get-layers.html index 29b4e10..37928cb 100644 --- a/third_party/WebKit/LayoutTests/inspector-protocol/layers/get-layers.html +++ b/third_party/WebKit/LayoutTests/inspector-protocol/layers/get-layers.html @@ -130,12 +130,12 @@ window.addEventListener("DOMContentLoaded", function () { width: 50px; height: 50px; background-color: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .offset { left: 200px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/layers/paint-profiler.html b/third_party/WebKit/LayoutTests/inspector-protocol/layers/paint-profiler.html index 49714ad..8d79b3c 100644 --- a/third_party/WebKit/LayoutTests/inspector-protocol/layers/paint-profiler.html +++ b/third_party/WebKit/LayoutTests/inspector-protocol/layers/paint-profiler.html @@ -8,7 +8,7 @@ width: 50px; height: 50px; background-color: blue; - -webkit-transform: translateZ(10px); + transform: translateZ(10px); } </style> <script type="application/x-javascript" src="../../http/tests/inspector-protocol/inspector-protocol-test.js"></script> diff --git a/third_party/WebKit/LayoutTests/inspector/elements/styles/resources/different-rule-types.css b/third_party/WebKit/LayoutTests/inspector/elements/styles/resources/different-rule-types.css index caee5d8..8bbe6fc 100644 --- a/third_party/WebKit/LayoutTests/inspector/elements/styles/resources/different-rule-types.css +++ b/third_party/WebKit/LayoutTests/inspector/elements/styles/resources/different-rule-types.css @@ -19,11 +19,11 @@ @keyframes drop { 0% { - -webkit-transform: scale(0); + transform: scale(0); opacity: 1 } 100% { - -webkit-transform: scale(1); + transform: scale(1); opacity: 1 } } diff --git a/third_party/WebKit/LayoutTests/inspector/elements/styles/up-down-numerics-and-colors-expected.txt b/third_party/WebKit/LayoutTests/inspector/elements/styles/up-down-numerics-and-colors-expected.txt index e119cf6..9775342 100644 --- a/third_party/WebKit/LayoutTests/inspector/elements/styles/up-down-numerics-and-colors-expected.txt +++ b/third_party/WebKit/LayoutTests/inspector/elements/styles/up-down-numerics-and-colors-expected.txt @@ -12,5 +12,5 @@ Running: testAlterNumber opacity: 11.6; Running: testAlterBigNumber --webkit-transform: rotate(1000000000000000065537deg); +transform: rotate(1000000000000000065537deg); diff --git a/third_party/WebKit/LayoutTests/inspector/elements/styles/up-down-numerics-and-colors.html b/third_party/WebKit/LayoutTests/inspector/elements/styles/up-down-numerics-and-colors.html index 7c628df6..e346678 100644 --- a/third_party/WebKit/LayoutTests/inspector/elements/styles/up-down-numerics-and-colors.html +++ b/third_party/WebKit/LayoutTests/inspector/elements/styles/up-down-numerics-and-colors.html @@ -5,7 +5,7 @@ h1 { color: #FF2; opacity: .5; - -webkit-transform: rotate(1000000000000000065537deg); + transform: rotate(1000000000000000065537deg); } </style> @@ -59,7 +59,7 @@ function test() function testAlterBigNumber(next) { - var treeElement = InspectorTest.getMatchedStylePropertyTreeItem("-webkit-transform"); + var treeElement = InspectorTest.getMatchedStylePropertyTreeItem("transform"); treeElement.startEditing(treeElement.valueElement); var selection = window.getSelection(); var range = selection.getRangeAt(0); diff --git a/third_party/WebKit/LayoutTests/inspector/layers/layer-canvas-log.html b/third_party/WebKit/LayoutTests/inspector/layers/layer-canvas-log.html index 59467ed..f3596cb 100644 --- a/third_party/WebKit/LayoutTests/inspector/layers/layer-canvas-log.html +++ b/third_party/WebKit/LayoutTests/inspector/layers/layer-canvas-log.html @@ -29,7 +29,7 @@ function test() </script> </head> <body onload="runTest()"> -<div id="a" style="-webkit-transform: translateZ(0px); background-color:blue; width:100px; height:100px;"> +<div id="a" style="transform: translateZ(0px); background-color:blue; width:100px; height:100px;"> <div style="width:50px; height:50px; background-color:red;"></div> <img src="../timeline/resources/test.png"> <svg> diff --git a/third_party/WebKit/LayoutTests/inspector/layers/layer-compositing-reasons.html b/third_party/WebKit/LayoutTests/inspector/layers/layer-compositing-reasons.html index 40d4c00..f20521d 100644 --- a/third_party/WebKit/LayoutTests/inspector/layers/layer-compositing-reasons.html +++ b/third_party/WebKit/LayoutTests/inspector/layers/layer-compositing-reasons.html @@ -2,9 +2,9 @@ <head> <style> @-webkit-keyframes rotate { - 0% { -webkit-transform: rotate(0deg); } - 50% { -webkit-transform: rotate(180deg); } - 100% { -webkit-transform: rotate(360deg); } + 0% { transform: rotate(0deg); } + 50% { transform: rotate(180deg); } + 100% { transform: rotate(360deg); } } </style> @@ -56,28 +56,28 @@ function test() </script> </head> <body onload="runTest()"> -<div id="transform3d" style="-webkit-transform: translateZ(100px);">translated</div> +<div id="transform3d" style="transform: translateZ(100px);">translated</div> <iframe id="iframe" src="resources/composited-iframe.html"></iframe> <div id="backface-visibility" style="-webkit-backface-visibility: hidden">backface hidden</div> <div id="animation" style="width: 50px; height: 50px; -webkit-animation-name: rotate; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 5s;">animated</div> -<div id="transformWithCompositedDescendants" style="-webkit-transform: rotate(10deg)"> - <div style="-webkit-transform: translateZ(100px);"> +<div id="transformWithCompositedDescendants" style="transform: rotate(10deg)"> + <div style="transform: translateZ(100px);"> </div> </div> <div id="opacityWithCompositedDescendants" style="opacity: 0.5"> - <div style="-webkit-transform: translateZ(100px);">opacity + <div style="transform: translateZ(100px);">opacity </div> </div> <div id="reflectionWithCompositedDescendants" style="-webkit-box-reflect: below"> - <div style="-webkit-transform: translateZ(100px);">reflected + <div style="transform: translateZ(100px);">reflected </div> </div> <div id="perspective" style="-webkit-perspective: 500;"> - <div style="-webkit-transform: translateZ(100px);">perspective + <div style="transform: translateZ(100px);">perspective </div> </div> <div id="preserve3d" style="-webkit-transform-style: preserve-3d;"> - <div style="-webkit-transform: translateZ(100px);">preserve3d + <div style="transform: translateZ(100px);">preserve3d </div> </div> </body> diff --git a/third_party/WebKit/LayoutTests/inspector/layers/layer-scroll-rects-get.html b/third_party/WebKit/LayoutTests/inspector/layers/layer-scroll-rects-get.html index f26de8e..6ec078c 100644 --- a/third_party/WebKit/LayoutTests/inspector/layers/layer-scroll-rects-get.html +++ b/third_party/WebKit/LayoutTests/inspector/layers/layer-scroll-rects-get.html @@ -17,8 +17,8 @@ function test() </script> </head> <body onload="runTest()"> -<div style="-webkit-transform: translateZ(100px);" onmousewheel=""></div> -<div id="touchable" style="-webkit-transform:translateZ(100px);height:20px;width:20px;overflow:scroll;"> +<div style="transform: translateZ(100px);" onmousewheel=""></div> +<div id="touchable" style="transform:translateZ(100px);height:20px;width:20px;overflow:scroll;"> <div style="height:40px;width:40px;"></div> </div> <script type="text/javascript"> diff --git a/third_party/WebKit/LayoutTests/inspector/layers/layer-tree-model.html b/third_party/WebKit/LayoutTests/inspector/layers/layer-tree-model.html index 8ef87abc..63711cf 100644 --- a/third_party/WebKit/LayoutTests/inspector/layers/layer-tree-model.html +++ b/third_party/WebKit/LayoutTests/inspector/layers/layer-tree-model.html @@ -2,7 +2,7 @@ <head> <style> .layer { - -webkit-transform: translateZ(10px); + transform: translateZ(10px); opacity: 0.8; } </style> diff --git a/third_party/WebKit/LayoutTests/inspector/layers/layers-3d-view-hit-testing.html b/third_party/WebKit/LayoutTests/inspector/layers/layers-3d-view-hit-testing.html index a1b3041..8acce57 100644 --- a/third_party/WebKit/LayoutTests/inspector/layers/layers-3d-view-hit-testing.html +++ b/third_party/WebKit/LayoutTests/inspector/layers/layers-3d-view-hit-testing.html @@ -100,8 +100,8 @@ function test() </script> </head> <body onload="runTest()" style="height:500px;width:500px;"> -<div id="a" style="-webkit-transform:translateZ(0px) translateY(60px) rotateZ(45deg);width:300px;height:300px;margin-left:100px;"> - <div id="b" style="-webkit-transform:translateX(0px) translateY(0px) translateZ(0px) rotateX(45deg) rotateY(45deg);width:300px;height:300px;"></div> +<div id="a" style="transform:translateZ(0px) translateY(60px) rotateZ(45deg);width:300px;height:300px;margin-left:100px;"> + <div id="b" style="transform:translateX(0px) translateY(0px) translateZ(0px) rotateX(45deg) rotateY(45deg);width:300px;height:300px;"></div> </div> </body> </html> diff --git a/third_party/WebKit/LayoutTests/inspector/layers/layers-panel-mouse-events.html b/third_party/WebKit/LayoutTests/inspector/layers/layers-panel-mouse-events.html index 12cc2e3..6ced273 100644 --- a/third_party/WebKit/LayoutTests/inspector/layers/layers-panel-mouse-events.html +++ b/third_party/WebKit/LayoutTests/inspector/layers/layers-panel-mouse-events.html @@ -3,7 +3,7 @@ <style> .layer { position: absolute; - -webkit-transform: translateZ(10px); + transform: translateZ(10px); opacity: 0.8; left: 20px; top: 20px; diff --git a/third_party/WebKit/LayoutTests/inspector/layers/no-overlay-layers.html b/third_party/WebKit/LayoutTests/inspector/layers/no-overlay-layers.html index 7266e90..0d2736a 100644 --- a/third_party/WebKit/LayoutTests/inspector/layers/no-overlay-layers.html +++ b/third_party/WebKit/LayoutTests/inspector/layers/no-overlay-layers.html @@ -2,7 +2,7 @@ <head> <style> .layer { - -webkit-transform: translateZ(10px); + transform: translateZ(10px); opacity: 0.8; } </style> diff --git a/third_party/WebKit/LayoutTests/inspector/layers/resources/composited-iframe.html b/third_party/WebKit/LayoutTests/inspector/layers/resources/composited-iframe.html index e83b0d8..acdb1e7 100644 --- a/third_party/WebKit/LayoutTests/inspector/layers/resources/composited-iframe.html +++ b/third_party/WebKit/LayoutTests/inspector/layers/resources/composited-iframe.html @@ -1,5 +1,5 @@ <html> <body> -<div id="subframe1" style="left: 20px; top: 20px; width: 80px; height: 80px; -webkit-transform: translateZ(20px);"></div> +<div id="subframe1" style="left: 20px; top: 20px; width: 80px; height: 80px; transform: translateZ(20px);"></div> </body> </html> diff --git a/third_party/WebKit/LayoutTests/inspector/layers/tracing-layer-tree.html b/third_party/WebKit/LayoutTests/inspector/layers/tracing-layer-tree.html index 0f13435..b90e112 100644 --- a/third_party/WebKit/LayoutTests/inspector/layers/tracing-layer-tree.html +++ b/third_party/WebKit/LayoutTests/inspector/layers/tracing-layer-tree.html @@ -13,7 +13,7 @@ function doActions(callback) // Make sure to force commit, otherwise some owner nodes will be missing. var style = document.createElement("style"); - style.textContent = ".layer { -webkit-transform: translateZ(10px); opacity: 0.8; }"; + style.textContent = ".layer { transform: translateZ(10px); opacity: 0.8; }"; document.head.appendChild(style); if (!window.testRunner) { diff --git a/third_party/WebKit/LayoutTests/inspector/timeline/timeline-layer-tree-snapshot.html b/third_party/WebKit/LayoutTests/inspector/timeline/timeline-layer-tree-snapshot.html index 82ee9c3..69a460f 100644 --- a/third_party/WebKit/LayoutTests/inspector/timeline/timeline-layer-tree-snapshot.html +++ b/third_party/WebKit/LayoutTests/inspector/timeline/timeline-layer-tree-snapshot.html @@ -7,7 +7,7 @@ .layer { width: 100px; height: 100px; - -webkit-transform: translateZ(10px); + transform: translateZ(10px); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/inspector/tracing-session-id.html b/third_party/WebKit/LayoutTests/inspector/tracing-session-id.html index a6a227e..e336126 100644 --- a/third_party/WebKit/LayoutTests/inspector/tracing-session-id.html +++ b/third_party/WebKit/LayoutTests/inspector/tracing-session-id.html @@ -35,7 +35,7 @@ function test() </script> <body onload="runTestAfterDisplay()"> -<p style="-webkit-transform: translateZ(10px)"> <!-- Force compositing so we have SetLayerTreeHostId event as well --> +<p style="transform: translateZ(10px)"> <!-- Force compositing so we have SetLayerTreeHostId event as well --> Tests that Tracing agent returns a session id upon a start that is matching one issued in trace events. </p> </body> diff --git a/third_party/WebKit/LayoutTests/inspector/tracing/update-layer-tree.html b/third_party/WebKit/LayoutTests/inspector/tracing/update-layer-tree.html index 27c8d77..6cca766 100644 --- a/third_party/WebKit/LayoutTests/inspector/tracing/update-layer-tree.html +++ b/third_party/WebKit/LayoutTests/inspector/tracing/update-layer-tree.html @@ -5,7 +5,7 @@ position: absolute; width: 20px; height: 20px; - -webkit-transform: translateZ(10px); + transform: translateZ(10px); } </style> <script src="../../http/tests/inspector/inspector-test.js"></script> diff --git a/third_party/WebKit/LayoutTests/media/audio-repaint.html b/third_party/WebKit/LayoutTests/media/audio-repaint.html index 699a65a..db75994 100644 --- a/third_party/WebKit/LayoutTests/media/audio-repaint.html +++ b/third_party/WebKit/LayoutTests/media/audio-repaint.html @@ -5,7 +5,7 @@ </p> <audio controls autoplay onplaying="playing(0)" src="content/silence.wav"></audio><br/> <audio controls autoplay onplaying="playing(1)" src="content/silence.wav" style="margin-bottom:25px; -webkit-box-reflect:below;"></audio><br/> -<audio controls autoplay onplaying="playing(2)" src="content/silence.wav" style="margin:27px 0; -webkit-transform: rotate(15deg);"></audio><br> +<audio controls autoplay onplaying="playing(2)" src="content/silence.wav" style="margin:27px 0; transform: rotate(15deg);"></audio><br> <script> // Note: can't dump repaint rects here (yet) because this is trying to // test autoplaying and window.internals doesn't exist at the right time diff --git a/third_party/WebKit/LayoutTests/media/video-controls-transformed.html b/third_party/WebKit/LayoutTests/media/video-controls-transformed.html index b25a93f..0f322c0 100644 --- a/third_party/WebKit/LayoutTests/media/video-controls-transformed.html +++ b/third_party/WebKit/LayoutTests/media/video-controls-transformed.html @@ -4,7 +4,7 @@ <style type="text/css" media="screen"> video { margin: 50px; - -webkit-transform: rotate(20deg); + transform: rotate(20deg); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/media/video-layer-crash.html b/third_party/WebKit/LayoutTests/media/video-layer-crash.html index b5844d6..1c2cc22 100644 --- a/third_party/WebKit/LayoutTests/media/video-layer-crash.html +++ b/third_party/WebKit/LayoutTests/media/video-layer-crash.html @@ -8,9 +8,9 @@ </head> <body> <p>Test dynamic removal of transformed and reflected video </p> - <video id="one" style="-webkit-transform:rotate(20deg)"></video><br> - <video style="-webkit-transform:scale(0.5)"></video><br> - <video style="-webkit-transform:skew(20deg)"></video><br> + <video id="one" style="transform:rotate(20deg)"></video><br> + <video style="transform:scale(0.5)"></video><br> + <video style="transform:skew(20deg)"></video><br> <script> setSrcByTagName('video', findMediaFile('video', 'content/test')); document.body.removeChild(document.getElementById('one')); document.body.offsetLeft; diff --git a/third_party/WebKit/LayoutTests/media/video-transformed.html b/third_party/WebKit/LayoutTests/media/video-transformed.html index 3c1a72b..1e64bf9 100644 --- a/third_party/WebKit/LayoutTests/media/video-transformed.html +++ b/third_party/WebKit/LayoutTests/media/video-transformed.html @@ -5,9 +5,9 @@ video { width:200px; border: 3px solid red; } </style> <p>Test painting of transformed video </p> - <video style="-webkit-transform:rotate(20deg)"></video><br> - <video style="-webkit-transform:scale(0.5)"></video><br> - <video style="-webkit-transform:skew(20deg)"></video><br> + <video style="transform:rotate(20deg)"></video><br> + <video style="transform:scale(0.5)"></video><br> + <video style="transform:skew(20deg)"></video><br> <script> init(); setSrcByTagName('video', findMediaFile('video', 'content/test')); diff --git a/third_party/WebKit/LayoutTests/media/video-zoom-controls.html b/third_party/WebKit/LayoutTests/media/video-zoom-controls.html index dea9011..bd05f35 100644 --- a/third_party/WebKit/LayoutTests/media/video-zoom-controls.html +++ b/third_party/WebKit/LayoutTests/media/video-zoom-controls.html @@ -7,7 +7,7 @@ display: block; } .rotated { - -webkit-transform: rotate(10deg); + transform: rotate(10deg); } </style> <script src="media-file.js"></script> diff --git a/third_party/WebKit/LayoutTests/perf/compositor-touch-hit-rects.html b/third_party/WebKit/LayoutTests/perf/compositor-touch-hit-rects.html index 0cf2377..2fb1bac 100644 --- a/third_party/WebKit/LayoutTests/perf/compositor-touch-hit-rects.html +++ b/third_party/WebKit/LayoutTests/perf/compositor-touch-hit-rects.html @@ -10,7 +10,7 @@ margin: 5px; } .layer { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/platform/win/compositing/geometry/preserve-3d-switching-expected.txt b/third_party/WebKit/LayoutTests/platform/win/compositing/geometry/preserve-3d-switching-expected.txt index 3b15414..8b1cd0e 100644 --- a/third_party/WebKit/LayoutTests/platform/win/compositing/geometry/preserve-3d-switching-expected.txt +++ b/third_party/WebKit/LayoutTests/platform/win/compositing/geometry/preserve-3d-switching-expected.txt @@ -1,6 +1,6 @@ The green box appear angled out from the yellow box and embedded in it. --webkit-transform: translateZ(-100px) rotateY(45deg); +transform: translateZ(-100px) rotateY(45deg); { "bounds": [800, 600], "children": [ diff --git a/third_party/WebKit/LayoutTests/plugins/transformed-events.html b/third_party/WebKit/LayoutTests/plugins/transformed-events.html index 7d3155e..cf89c24 100644 --- a/third_party/WebKit/LayoutTests/plugins/transformed-events.html +++ b/third_party/WebKit/LayoutTests/plugins/transformed-events.html @@ -4,7 +4,7 @@ #plugin { width: 150px; height: 150px; - -webkit-transform: rotate(90deg); + transform: rotate(90deg); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/scrollbars/avoid-double-scrollbars-when-html-element-is-not-the-renderview.html b/third_party/WebKit/LayoutTests/scrollbars/avoid-double-scrollbars-when-html-element-is-not-the-renderview.html index 324bc38..54f7379 100644 --- a/third_party/WebKit/LayoutTests/scrollbars/avoid-double-scrollbars-when-html-element-is-not-the-renderview.html +++ b/third_party/WebKit/LayoutTests/scrollbars/avoid-double-scrollbars-when-html-element-is-not-the-renderview.html @@ -1,4 +1,4 @@ <!DOCTYPE HTML> -<html style="overflow-y:scroll;-webkit-transform: translateZ(0px)"> +<html style="overflow-y:scroll;transform: translateZ(0px)"> <div style="width:40px;height:3000px;background:green"></div> </html> diff --git a/third_party/WebKit/LayoutTests/scrollingcoordinator/non-fast-scrollable-region-transformed-iframe.html b/third_party/WebKit/LayoutTests/scrollingcoordinator/non-fast-scrollable-region-transformed-iframe.html index 79ca12f..6c44498 100644 --- a/third_party/WebKit/LayoutTests/scrollingcoordinator/non-fast-scrollable-region-transformed-iframe.html +++ b/third_party/WebKit/LayoutTests/scrollingcoordinator/non-fast-scrollable-region-transformed-iframe.html @@ -4,7 +4,7 @@ <script src="resources/non-fast-scrollable-region-testing.js"></script> </head> <body onload="runNonFastScrollableRegionTest();"> -<iframe src="data:text/html;charset=utf-8,<html><body style='width:1000px;height:1000px;'></body></html>" style="position:absolute;left:200px;top:150px;width;150px;height:200px;-webkit-transform:scale(2);padding:10px;"></iframe> +<iframe src="data:text/html;charset=utf-8,<html><body style='width:1000px;height:1000px;'></body></html>" style="position:absolute;left:200px;top:150px;width;150px;height:200px;transform:scale(2);padding:10px;"></iframe> </body> </html> diff --git a/third_party/WebKit/LayoutTests/svg/as-background-image/svg-transformed-background.html b/third_party/WebKit/LayoutTests/svg/as-background-image/svg-transformed-background.html index 6d683c3..e81a6d2 100644 --- a/third_party/WebKit/LayoutTests/svg/as-background-image/svg-transformed-background.html +++ b/third_party/WebKit/LayoutTests/svg/as-background-image/svg-transformed-background.html @@ -11,7 +11,7 @@ background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><circle cx='10' cy='10' r='10' fill='green' /></svg>"); transform:scale(5); transform-origin:0 0; - -webkit-transform:scale(5); + transform:scale(5); -webkit-transform-origin:0 0; } #ellipse { @@ -23,7 +23,7 @@ background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='10'><ellipse cx='20' cy='5' rx='20' ry='5' fill='green' /></svg>"); transform:scale(2.5, 10); transform-origin:0 0; - -webkit-transform:scale(2.5, 10); + transform:scale(2.5, 10); -webkit-transform-origin:0 0; } </style> diff --git a/third_party/WebKit/LayoutTests/svg/clip-path/clip-path-css-transform-1.svg b/third_party/WebKit/LayoutTests/svg/clip-path/clip-path-css-transform-1.svg index 9735b9f..6f785c1 100644 --- a/third_party/WebKit/LayoutTests/svg/clip-path/clip-path-css-transform-1.svg +++ b/third_party/WebKit/LayoutTests/svg/clip-path/clip-path-css-transform-1.svg @@ -1,6 +1,6 @@ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> -<clipPath id="clip" clipPathUnits="userSpaceOnUse" style="-webkit-transform: scale(10) translate(2px, 2px)"> +<clipPath id="clip" clipPathUnits="userSpaceOnUse" style="transform: scale(10) translate(2px, 2px)"> <circle cx="10" cy="10" r="10"/> <!-- second circle causes masking --> <circle cx="10" cy="10" r="10"/> diff --git a/third_party/WebKit/LayoutTests/svg/clip-path/clip-path-css-transform-2.svg b/third_party/WebKit/LayoutTests/svg/clip-path/clip-path-css-transform-2.svg index 2dbbbe7..4baf665 100644 --- a/third_party/WebKit/LayoutTests/svg/clip-path/clip-path-css-transform-2.svg +++ b/third_party/WebKit/LayoutTests/svg/clip-path/clip-path-css-transform-2.svg @@ -1,6 +1,6 @@ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> -<clipPath id="clip" clipPathUnits="userSpaceOnUse" style="-webkit-transform: scale(10) translate(2px, 2px) "> +<clipPath id="clip" clipPathUnits="userSpaceOnUse" style="transform: scale(10) translate(2px, 2px) "> <circle cx="10" cy="10" r="10"/> </clipPath> </defs> diff --git a/third_party/WebKit/LayoutTests/svg/custom/clip-path-with-css-transform-1.svg b/third_party/WebKit/LayoutTests/svg/custom/clip-path-with-css-transform-1.svg index 71cc803..385fd69 100644 --- a/third_party/WebKit/LayoutTests/svg/custom/clip-path-with-css-transform-1.svg +++ b/third_party/WebKit/LayoutTests/svg/custom/clip-path-with-css-transform-1.svg @@ -2,7 +2,7 @@ xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <clipPath id="myclip"> - <path style="-webkit-transform: scale(.5)" d="M 0 0 l 200 0 l 0 200 l -200 0 Z"/> + <path style="transform: scale(.5)" d="M 0 0 l 200 0 l 0 200 l -200 0 Z"/> </clipPath> </defs> <g clip-path="url(#myclip)"> diff --git a/third_party/WebKit/LayoutTests/svg/custom/clip-path-with-css-transform-2.svg b/third_party/WebKit/LayoutTests/svg/custom/clip-path-with-css-transform-2.svg index 1d33e5b..20f0df7 100644 --- a/third_party/WebKit/LayoutTests/svg/custom/clip-path-with-css-transform-2.svg +++ b/third_party/WebKit/LayoutTests/svg/custom/clip-path-with-css-transform-2.svg @@ -2,9 +2,9 @@ xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <clipPath id="myclip"> - <rect x="0" y="0" width="200" height="200" style="-webkit-transform: scale(.5)"/> + <rect x="0" y="0" width="200" height="200" style="transform: scale(.5)"/> <!-- second rect causes masking --> - <rect x="0" y="0" width="200" height="200" style="-webkit-transform: scale(.5)"/> + <rect x="0" y="0" width="200" height="200" style="transform: scale(.5)"/> </clipPath> </defs> <g clip-path="url(#myclip)"> diff --git a/third_party/WebKit/LayoutTests/svg/custom/filter-css-transform-resolution.html b/third_party/WebKit/LayoutTests/svg/custom/filter-css-transform-resolution.html index 0ed55c2..d7ab1e3 100644 --- a/third_party/WebKit/LayoutTests/svg/custom/filter-css-transform-resolution.html +++ b/third_party/WebKit/LayoutTests/svg/custom/filter-css-transform-resolution.html @@ -4,13 +4,13 @@ <script src="../../fast/repaint/resources/text-based-repaint.js"></script> <script> function repaintTest() { - document.getElementById('div').style.webkitTransform = ''; + document.getElementById('div').style.transform = ''; } </script> </head> <body onload="forceStyleRecalc();repaintTest();"> <!-- Test for http://crbug.com/345441 - the circle edge should not be blurry --> - <div id="div" style="-webkit-transform: rotate3d(1, 0, 0, 85deg); -webkit-transform-origin: 100px 100px 0px;"> + <div id="div" style="transform: rotate3d(1, 0, 0, 85deg); -webkit-transform-origin: 100px 100px 0px;"> <svg width="300" height="300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <filter x="0" y="0" width="100%" height="100%" id="filter"> diff --git a/third_party/WebKit/LayoutTests/svg/custom/pattern-userSpaceOnUse-userToBaseTransform.xhtml b/third_party/WebKit/LayoutTests/svg/custom/pattern-userSpaceOnUse-userToBaseTransform.xhtml index f7ee1d7..25be65f 100644 --- a/third_party/WebKit/LayoutTests/svg/custom/pattern-userSpaceOnUse-userToBaseTransform.xhtml +++ b/third_party/WebKit/LayoutTests/svg/custom/pattern-userSpaceOnUse-userToBaseTransform.xhtml @@ -31,7 +31,7 @@ There should be no red displayed on the screen, and the patterns should not chan </pattern> </defs> </svg> -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg" width="200" height="300" style="border: solid 1px black; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -o-transform: translateZ(0px);"> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg" width="200" height="300" style="border: solid 1px black; transform: translateZ(0px); -moz-transform: translateZ(0px); -o-transform: translateZ(0px);"> <text x="5" y="280">+Accelerated Compositing</text> <g> <rect x="0" y="100" width="100" height="100" fill="url(#pattern)"/> diff --git a/third_party/WebKit/LayoutTests/svg/custom/pointer-events-image-css-transform.svg b/third_party/WebKit/LayoutTests/svg/custom/pointer-events-image-css-transform.svg index 8ba768d..20760f0 100644 --- a/third_party/WebKit/LayoutTests/svg/custom/pointer-events-image-css-transform.svg +++ b/third_party/WebKit/LayoutTests/svg/custom/pointer-events-image-css-transform.svg @@ -55,7 +55,7 @@ img.setAttribute('fill', fillValues[fi]); img.setAttribute('stroke', strokeValues[si]); img.setAttribute('pointer-events', pointerEventsValues[pi]); - img.setAttribute('style', "-webkit-transform: scale(2)"); + img.setAttribute('style', "transform: scale(2)"); img.setAttribute('onclick', 'clickHit(evt, "' + identString + '")'); testContent.appendChild(img); diff --git a/third_party/WebKit/LayoutTests/svg/custom/pointer-events-text-css-transform.svg b/third_party/WebKit/LayoutTests/svg/custom/pointer-events-text-css-transform.svg index 4ba75b6..0a18d65 100644 --- a/third_party/WebKit/LayoutTests/svg/custom/pointer-events-text-css-transform.svg +++ b/third_party/WebKit/LayoutTests/svg/custom/pointer-events-text-css-transform.svg @@ -52,7 +52,7 @@ txt.setAttribute('fill', fillValues[fi]); txt.setAttribute('stroke', strokeValues[si]); txt.setAttribute('pointer-events', pointerEventsValues[pi]); - txt.setAttribute('style', "-webkit-transform: scale(2)"); + txt.setAttribute('style', "transform: scale(2)"); txt.setAttribute('onclick', 'clickHit(evt, "' + identString + '")'); txt.appendChild(document.createTextNode("#")); diff --git a/third_party/WebKit/LayoutTests/svg/custom/resources-css-scaled.html b/third_party/WebKit/LayoutTests/svg/custom/resources-css-scaled.html index 6cab308..ffa86fa 100644 --- a/third_party/WebKit/LayoutTests/svg/custom/resources-css-scaled.html +++ b/third_party/WebKit/LayoutTests/svg/custom/resources-css-scaled.html @@ -5,8 +5,8 @@ <!-- Test for https://bugs.webkit.org/show_bug.cgi?id=111587 --> <!-- Passes if all circles are drawn at high resolution, without pixelation --> -<div style="position: relative; left: 27px; -webkit-transform: scale(5); -webkit-transform-origin: 0 0; width: 100px;"> -<div style="-webkit-transform: scale(2); -webkit-transform-origin: 0 0; width: 50px;"> +<div style="position: relative; left: 27px; transform: scale(5); -webkit-transform-origin: 0 0; width: 100px;"> +<div style="transform: scale(2); -webkit-transform-origin: 0 0; width: 50px;"> <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"> <defs> <pattern id="pattern" width="10" height="10" patternUnits="userSpaceOnUse"> diff --git a/third_party/WebKit/LayoutTests/svg/custom/svg-image-layers-crash.html b/third_party/WebKit/LayoutTests/svg/custom/svg-image-layers-crash.html index 655ffd7..732e64b 100644 --- a/third_party/WebKit/LayoutTests/svg/custom/svg-image-layers-crash.html +++ b/third_party/WebKit/LayoutTests/svg/custom/svg-image-layers-crash.html @@ -8,7 +8,7 @@ img.src = 'data:image/svg+xml;charset=utf-8,' + '<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">' + '<foreignObject width="100%" height="100%">' + - '<div xmlns="http://www.w3.org/1999/xhtml" style="-webkit-transform: matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -770, -270, 0, 1);">Transform Me</div>' + + '<div xmlns="http://www.w3.org/1999/xhtml" style="transform: matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -770, -270, 0, 1);">Transform Me</div>' + '</foreignObject>' + '</svg>'; diff --git a/third_party/WebKit/LayoutTests/svg/custom/svg-root-with-opacity-expected.html b/third_party/WebKit/LayoutTests/svg/custom/svg-root-with-opacity-expected.html index ccae387..4b8f8f1 100644 --- a/third_party/WebKit/LayoutTests/svg/custom/svg-root-with-opacity-expected.html +++ b/third_party/WebKit/LayoutTests/svg/custom/svg-root-with-opacity-expected.html @@ -22,7 +22,7 @@ </svg> </div> - <div style="opacity: 0.5; -webkit-transform: translateZ(0);"> + <div style="opacity: 0.5; transform: translateZ(0);"> <svg> <rect width="100" height="100"></rect> </svg> @@ -34,7 +34,7 @@ </svg> </div> - <div style="opacity: 0.5; -webkit-transform: translateZ(0);"> + <div style="opacity: 0.5; transform: translateZ(0);"> <svg> <rect width="100" height="100"></rect> </svg> diff --git a/third_party/WebKit/LayoutTests/svg/custom/svg-root-with-opacity.html b/third_party/WebKit/LayoutTests/svg/custom/svg-root-with-opacity.html index eb1e522..66aa021 100644 --- a/third_party/WebKit/LayoutTests/svg/custom/svg-root-with-opacity.html +++ b/third_party/WebKit/LayoutTests/svg/custom/svg-root-with-opacity.html @@ -22,7 +22,7 @@ </svg> </div> - <div style="opacity: 0.5; -webkit-transform: translateZ(0);"> + <div style="opacity: 0.5; transform: translateZ(0);"> <svg> <rect width="100" height="100"></rect> </svg> @@ -35,7 +35,7 @@ </div> <div> - <svg style="opacity: 0.5; -webkit-transform: translateZ(0);"> + <svg style="opacity: 0.5; transform: translateZ(0);"> <rect width="100" height="100"></rect> </svg> </div> diff --git a/third_party/WebKit/LayoutTests/svg/dynamic-updates/SVG-dynamic-css-transform-expected.txt b/third_party/WebKit/LayoutTests/svg/dynamic-updates/SVG-dynamic-css-transform-expected.txt index 9c4952c..8ab7afa 100644 --- a/third_party/WebKit/LayoutTests/svg/dynamic-updates/SVG-dynamic-css-transform-expected.txt +++ b/third_party/WebKit/LayoutTests/svg/dynamic-updates/SVG-dynamic-css-transform-expected.txt @@ -11,46 +11,46 @@ Also, to pass the test, the rectangles should be rotated with 45deg Transform via style attribute -PASS rect1.style.webkitTransform is "translate(100px, 25px) scale(2) rotate(45deg)" +PASS rect1.style.transform is "translate(100px, 25px) scale(2) rotate(45deg)" PASS dumpMatrix(rect1.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" -PASS dumpMatrix(new WebKitCSSMatrix(rect1.style.webkitTransform)) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" -PASS dumpMatrix(new WebKitCSSMatrix(rect1.style.webkitTransform)) is dumpMatrix(rect1.getCTM()) +PASS dumpMatrix(new WebKitCSSMatrix(rect1.style.transform)) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" +PASS dumpMatrix(new WebKitCSSMatrix(rect1.style.transform)) is dumpMatrix(rect1.getCTM()) PASS rect1.transform.baseVal.numberOfItems is 0 PASS rect1.getAttribute('transform') is null PASS dumpMatrix(rect2.getCTM()) is "[0.0 1.0 -1.0 0.0 1000.0 1000.0]" -PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform)) is "[1.0 0.0 0.0 1.0 0.0 0.0]" -PASS rect2.style.webkitTransform is "translate(100px, 25px) scale(2) rotate(45deg)" +PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.transform)) is "[1.0 0.0 0.0 1.0 0.0 0.0]" +PASS rect2.style.transform is "translate(100px, 25px) scale(2) rotate(45deg)" PASS dumpMatrix(rect2.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" -PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform)) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" -PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform)) is dumpMatrix(rect2.getCTM()) +PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.transform)) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" +PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.transform)) is dumpMatrix(rect2.getCTM()) PASS rect2.transform.baseVal.numberOfItems is 2 PASS rect2.getAttribute('transform') is "translate(1000, 1000) rotate(90)" PASS dumpTransform(rect2.transform.baseVal.getItem(0)) is "type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]" PASS dumpTransform(rect2.transform.baseVal.getItem(1)) is "type=SVG_TRANSFORM_ROTATE matrix=[0.0 1.0 -1.0 0.0 0.0 0.0]" Transform via CSS -PASS rect3.style.webkitTransform is "translate(100px, 25px) scale(2) rotate(45deg)" +PASS rect3.style.transform is "translate(100px, 25px) scale(2) rotate(45deg)" PASS dumpMatrix(rect3.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" -PASS dumpMatrix(new WebKitCSSMatrix(rect3.style.webkitTransform)) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" -PASS dumpMatrix(new WebKitCSSMatrix(rect3.style.webkitTransform)) is dumpMatrix(rect3.getCTM()) +PASS dumpMatrix(new WebKitCSSMatrix(rect3.style.transform)) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" +PASS dumpMatrix(new WebKitCSSMatrix(rect3.style.transform)) is dumpMatrix(rect3.getCTM()) PASS rect3.transform.baseVal.numberOfItems is 0 PASS rect3.getAttribute('transform') is null PASS dumpMatrix(rect2.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" -PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform)) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" -PASS rect4.style.webkitTransform is "translate(100px, 25px) scale(2) rotate(45deg)" +PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.transform)) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" +PASS rect4.style.transform is "translate(100px, 25px) scale(2) rotate(45deg)" PASS dumpMatrix(rect4.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" -PASS dumpMatrix(new WebKitCSSMatrix(rect4.style.webkitTransform)) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" -PASS dumpMatrix(new WebKitCSSMatrix(rect4.style.webkitTransform)) is dumpMatrix(rect4.getCTM()) +PASS dumpMatrix(new WebKitCSSMatrix(rect4.style.transform)) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" +PASS dumpMatrix(new WebKitCSSMatrix(rect4.style.transform)) is dumpMatrix(rect4.getCTM()) PASS rect4.transform.baseVal.numberOfItems is 2 PASS rect4.getAttribute('transform') is "translate(1000, 1000) rotate(90)" PASS dumpTransform(rect4.transform.baseVal.getItem(0)) is "type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]" PASS dumpTransform(rect4.transform.baseVal.getItem(1)) is "type=SVG_TRANSFORM_ROTATE matrix=[0.0 1.0 -1.0 0.0 0.0 0.0]" Transform on wrapper div -PASS rect5.style.webkitTransform is "" +PASS rect5.style.transform is "" PASS dumpMatrix(rect5.getCTM()) is "[1.0 0.0 0.0 1.0 0.0 0.0]" -PASS dumpMatrix(new WebKitCSSMatrix(rect5.style.webkitTransform)) is "[1.0 0.0 0.0 1.0 0.0 0.0]" -PASS dumpMatrix(new WebKitCSSMatrix(rect5.style.webkitTransform)) is dumpMatrix(rect5.getCTM()) +PASS dumpMatrix(new WebKitCSSMatrix(rect5.style.transform)) is "[1.0 0.0 0.0 1.0 0.0 0.0]" +PASS dumpMatrix(new WebKitCSSMatrix(rect5.style.transform)) is dumpMatrix(rect5.getCTM()) PASS rect5.transform.baseVal.numberOfItems is 0 PASS rect5.getAttribute('transform') is null diff --git a/third_party/WebKit/LayoutTests/svg/dynamic-updates/SVG-dynamic-css-transform.html b/third_party/WebKit/LayoutTests/svg/dynamic-updates/SVG-dynamic-css-transform.html index aaa5446f..eaee2b2 100644 --- a/third_party/WebKit/LayoutTests/svg/dynamic-updates/SVG-dynamic-css-transform.html +++ b/third_party/WebKit/LayoutTests/svg/dynamic-updates/SVG-dynamic-css-transform.html @@ -113,25 +113,25 @@ var wrapper = document.getElementById("wrapper"); debug(""); debug("Transform via style attribute"); -rect1.setAttribute("style", "-webkit-transform: translate(100px, 25px) scale(2) rotate(45deg)"); +rect1.setAttribute("style", "transform: translate(100px, 25px) scale(2) rotate(45deg)"); -shouldBeEqualToString("rect1.style.webkitTransform", "translate(100px, 25px) scale(2) rotate(45deg)"); +shouldBeEqualToString("rect1.style.transform", "translate(100px, 25px) scale(2) rotate(45deg)"); shouldBeEqualToString("dumpMatrix(rect1.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); -shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect1.style.webkitTransform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); -shouldBe("dumpMatrix(new WebKitCSSMatrix(rect1.style.webkitTransform))", "dumpMatrix(rect1.getCTM())"); +shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect1.style.transform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); +shouldBe("dumpMatrix(new WebKitCSSMatrix(rect1.style.transform))", "dumpMatrix(rect1.getCTM())"); shouldBe("rect1.transform.baseVal.numberOfItems", "0"); shouldBeNull("rect1.getAttribute('transform')"); shouldBeEqualToString("dumpMatrix(rect2.getCTM())", "[0.0 1.0 -1.0 0.0 1000.0 1000.0]"); -shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform))", "[1.0 0.0 0.0 1.0 0.0 0.0]"); +shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect2.style.transform))", "[1.0 0.0 0.0 1.0 0.0 0.0]"); -rect2.setAttribute("style", "-webkit-transform: translate(100px, 25px) scale(2) rotate(45deg)"); +rect2.setAttribute("style", "transform: translate(100px, 25px) scale(2) rotate(45deg)"); -shouldBeEqualToString("rect2.style.webkitTransform", "translate(100px, 25px) scale(2) rotate(45deg)"); +shouldBeEqualToString("rect2.style.transform", "translate(100px, 25px) scale(2) rotate(45deg)"); shouldBeEqualToString("dumpMatrix(rect2.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); -shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); -shouldBe("dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform))", "dumpMatrix(rect2.getCTM())"); +shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect2.style.transform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); +shouldBe("dumpMatrix(new WebKitCSSMatrix(rect2.style.transform))", "dumpMatrix(rect2.getCTM())"); shouldBe("rect2.transform.baseVal.numberOfItems", "2"); shouldBeEqualToString("rect2.getAttribute('transform')", "translate(1000, 1000) rotate(90)"); shouldBeEqualToString("dumpTransform(rect2.transform.baseVal.getItem(0))", "type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]"); @@ -139,25 +139,25 @@ shouldBeEqualToString("dumpTransform(rect2.transform.baseVal.getItem(1))", "type debug(""); debug("Transform via CSS"); -rect3.style.webkitTransform = "translate(100px, 25px) scale(2) rotate(45deg)"; +rect3.style.transform = "translate(100px, 25px) scale(2) rotate(45deg)"; -shouldBeEqualToString("rect3.style.webkitTransform", "translate(100px, 25px) scale(2) rotate(45deg)"); +shouldBeEqualToString("rect3.style.transform", "translate(100px, 25px) scale(2) rotate(45deg)"); shouldBeEqualToString("dumpMatrix(rect3.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); -shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect3.style.webkitTransform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); -shouldBe("dumpMatrix(new WebKitCSSMatrix(rect3.style.webkitTransform))", "dumpMatrix(rect3.getCTM())"); +shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect3.style.transform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); +shouldBe("dumpMatrix(new WebKitCSSMatrix(rect3.style.transform))", "dumpMatrix(rect3.getCTM())"); shouldBe("rect3.transform.baseVal.numberOfItems", "0"); shouldBeNull("rect3.getAttribute('transform')"); shouldBeEqualToString("dumpMatrix(rect2.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); -shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); +shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect2.style.transform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); -rect4.style.webkitTransform = "translate(100px, 25px) scale(2) rotate(45deg)"; +rect4.style.transform = "translate(100px, 25px) scale(2) rotate(45deg)"; -shouldBeEqualToString("rect4.style.webkitTransform", "translate(100px, 25px) scale(2) rotate(45deg)"); +shouldBeEqualToString("rect4.style.transform", "translate(100px, 25px) scale(2) rotate(45deg)"); shouldBeEqualToString("dumpMatrix(rect4.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); -shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect4.style.webkitTransform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); -shouldBe("dumpMatrix(new WebKitCSSMatrix(rect4.style.webkitTransform))", "dumpMatrix(rect4.getCTM())"); +shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect4.style.transform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); +shouldBe("dumpMatrix(new WebKitCSSMatrix(rect4.style.transform))", "dumpMatrix(rect4.getCTM())"); shouldBe("rect4.transform.baseVal.numberOfItems", "2"); shouldBeEqualToString("rect4.getAttribute('transform')", "translate(1000, 1000) rotate(90)"); shouldBeEqualToString("dumpTransform(rect4.transform.baseVal.getItem(0))", "type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]"); @@ -165,11 +165,11 @@ shouldBeEqualToString("dumpTransform(rect4.transform.baseVal.getItem(1))", "type debug(""); debug("Transform on wrapper div"); -wrapper.style.webkitTransform = "translate(100px, 25px) scale(2) rotate(45deg)"; -shouldBeEqualToString("rect5.style.webkitTransform", ""); +wrapper.style.transform = "translate(100px, 25px) scale(2) rotate(45deg)"; +shouldBeEqualToString("rect5.style.transform", ""); shouldBeEqualToString("dumpMatrix(rect5.getCTM())", "[1.0 0.0 0.0 1.0 0.0 0.0]"); -shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect5.style.webkitTransform))", "[1.0 0.0 0.0 1.0 0.0 0.0]"); -shouldBe("dumpMatrix(new WebKitCSSMatrix(rect5.style.webkitTransform))", "dumpMatrix(rect5.getCTM())"); +shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect5.style.transform))", "[1.0 0.0 0.0 1.0 0.0 0.0]"); +shouldBe("dumpMatrix(new WebKitCSSMatrix(rect5.style.transform))", "dumpMatrix(rect5.getCTM())"); shouldBe("rect5.transform.baseVal.numberOfItems", "0"); shouldBeNull("rect5.getAttribute('transform')"); diff --git a/third_party/WebKit/LayoutTests/svg/dynamic-updates/script-tests/SVGClipPathElement-css-transform-influences-hitTesting.js b/third_party/WebKit/LayoutTests/svg/dynamic-updates/script-tests/SVGClipPathElement-css-transform-influences-hitTesting.js index 681d7c8..dfb4ba4 100644 --- a/third_party/WebKit/LayoutTests/svg/dynamic-updates/script-tests/SVGClipPathElement-css-transform-influences-hitTesting.js +++ b/third_party/WebKit/LayoutTests/svg/dynamic-updates/script-tests/SVGClipPathElement-css-transform-influences-hitTesting.js @@ -13,7 +13,7 @@ clipPathElement.setAttribute("id", "clipper"); var clipRectElement = createSVGElement("rect"); clipRectElement.setAttribute("width", "5"); clipRectElement.setAttribute("height", "5"); -clipRectElement.setAttribute("style", "-webkit-transform: scale(20)"); +clipRectElement.setAttribute("style", "transform: scale(20)"); clipPathElement.appendChild(clipRectElement); defsElement.appendChild(clipPathElement); diff --git a/third_party/WebKit/LayoutTests/svg/text/select-text-inside-non-static-position.html b/third_party/WebKit/LayoutTests/svg/text/select-text-inside-non-static-position.html index d270cff..2133d89 100644 --- a/third_party/WebKit/LayoutTests/svg/text/select-text-inside-non-static-position.html +++ b/third_party/WebKit/LayoutTests/svg/text/select-text-inside-non-static-position.html @@ -4,7 +4,7 @@ <style> * { position: absolute; - -webkit-transform: scaleX(2); + transform: scaleX(2); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/svg/transforms/animated-path-inside-transformed-html.xhtml b/third_party/WebKit/LayoutTests/svg/transforms/animated-path-inside-transformed-html.xhtml index 0d4e5df..a6fba23 100644 --- a/third_party/WebKit/LayoutTests/svg/transforms/animated-path-inside-transformed-html.xhtml +++ b/third_party/WebKit/LayoutTests/svg/transforms/animated-path-inside-transformed-html.xhtml @@ -11,7 +11,7 @@ width: 400px; margin: 50px; border: 1px solid black; - -webkit-transform: translate(30px, 30px) rotate(10deg); + transform: translate(30px, 30px) rotate(10deg); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/svg/transforms/change-transform-origin-css.xhtml b/third_party/WebKit/LayoutTests/svg/transforms/change-transform-origin-css.xhtml index 38f94ce..95422db 100644 --- a/third_party/WebKit/LayoutTests/svg/transforms/change-transform-origin-css.xhtml +++ b/third_party/WebKit/LayoutTests/svg/transforms/change-transform-origin-css.xhtml @@ -9,7 +9,7 @@ The green 100x100 rectangle should appear at 25,25. <body> <svg xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0px; left: 0px;"> - <rect id="rect" width="50px" height="50px" x="50" y="50" fill="green" style="-webkit-transform: scale(2, 2);"/> + <rect id="rect" width="50px" height="50px" x="50" y="50" fill="green" style="transform: scale(2, 2);"/> </svg> <script><![CDATA[ diff --git a/third_party/WebKit/LayoutTests/svg/transforms/change-transform-origin-presentation-attribute.xhtml b/third_party/WebKit/LayoutTests/svg/transforms/change-transform-origin-presentation-attribute.xhtml index c03ee2b..28955ba 100644 --- a/third_party/WebKit/LayoutTests/svg/transforms/change-transform-origin-presentation-attribute.xhtml +++ b/third_party/WebKit/LayoutTests/svg/transforms/change-transform-origin-presentation-attribute.xhtml @@ -8,7 +8,7 @@ The green 100x100 rectangle should appear at 25,25. <body> <svg xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0px; left: 0px;"> - <rect id="rect" width="50px" height="50px" x="50" y="50" fill="green" transform-origin="0 0" style="-webkit-transform: scale(2, 2);"/> + <rect id="rect" width="50px" height="50px" x="50" y="50" fill="green" transform-origin="0 0" style="transform: scale(2, 2);"/> </svg> <script><![CDATA[ diff --git a/third_party/WebKit/LayoutTests/svg/transforms/percent-transform-values.xhtml b/third_party/WebKit/LayoutTests/svg/transforms/percent-transform-values.xhtml index 5e2648b..8423608 100644 --- a/third_party/WebKit/LayoutTests/svg/transforms/percent-transform-values.xhtml +++ b/third_party/WebKit/LayoutTests/svg/transforms/percent-transform-values.xhtml @@ -8,9 +8,9 @@ <p> </p> <svg style="position:absolute; left:0px; top:0px;" xmlns="http://www.w3.org/2000/svg"> - <rect id="r1" x="10" y="200" width="80" height="60" fill="red" style="-webkit-transform: translate(50%)"/> - <rect id="r2" x="90" y="260" width="80" height="60" fill="red" style="-webkit-transform: translate(-50%, -100%)"/> - <rect id="r3" x="10" y="200" width="80" height="60" fill="green" style="-webkit-transform: translate(50%, 0%)"/> + <rect id="r1" x="10" y="200" width="80" height="60" fill="red" style="transform: translate(50%)"/> + <rect id="r2" x="90" y="260" width="80" height="60" fill="red" style="transform: translate(-50%, -100%)"/> + <rect id="r3" x="10" y="200" width="80" height="60" fill="green" style="transform: translate(50%, 0%)"/> </svg> <pre id="log"></pre> </body> diff --git a/third_party/WebKit/LayoutTests/svg/transforms/svg-css-transforms-clip-path.xhtml b/third_party/WebKit/LayoutTests/svg/transforms/svg-css-transforms-clip-path.xhtml index afe31c6..1729766 100644 --- a/third_party/WebKit/LayoutTests/svg/transforms/svg-css-transforms-clip-path.xhtml +++ b/third_party/WebKit/LayoutTests/svg/transforms/svg-css-transforms-clip-path.xhtml @@ -48,7 +48,7 @@ <div class="container"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> - <circle id="circle1" cx="10" cy="10" r="20" style="-webkit-transform:scale(5)"/> + <circle id="circle1" cx="10" cy="10" r="20" style="transform:scale(5)"/> <clipPath id="clip-circle1"> <use xlink:href="#circle1"/> </clipPath> @@ -76,7 +76,7 @@ <div class="container"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> - <rect id="rect1" x="1" y="1" width="40" height="40" style="-webkit-transform:rotate(45deg) scale(5)"/> + <rect id="rect1" x="1" y="1" width="40" height="40" style="transform:rotate(45deg) scale(5)"/> <clipPath id="clip-rect1"> <use xlink:href="#rect1"/> </clipPath> diff --git a/third_party/WebKit/LayoutTests/svg/transforms/svg-css-transforms.xhtml b/third_party/WebKit/LayoutTests/svg/transforms/svg-css-transforms.xhtml index bae40ad..44d9f27 100644 --- a/third_party/WebKit/LayoutTests/svg/transforms/svg-css-transforms.xhtml +++ b/third_party/WebKit/LayoutTests/svg/transforms/svg-css-transforms.xhtml @@ -34,19 +34,19 @@ } #group1 { - -webkit-transform: translate(75px, 25px); + transform: translate(75px, 25px); } #group2 { - -webkit-transform: scale(2); + transform: scale(2); } #group3 { - -webkit-transform: rotate(45deg); + transform: rotate(45deg); } #rect1 { - -webkit-transform: translate(75px, 25px) scale(2) rotate(45deg); + transform: translate(75px, 25px) scale(2) rotate(45deg); } .final { @@ -74,9 +74,9 @@ <h2>CSS nested</h2> <div class="container"> - <div id="box1" class="box" style="-webkit-transform: translate(75px, 25px)"> - <div id="box2" class="box" style="-webkit-transform: scale(2)"> - <div id="box3" class="final box" style="-webkit-transform: rotate(45deg)"> + <div id="box1" class="box" style="transform: translate(75px, 25px)"> + <div id="box2" class="box" style="transform: scale(2)"> + <div id="box3" class="final box" style="transform: rotate(45deg)"> </div> </div> </div> @@ -94,7 +94,7 @@ <h2>CSS compound</h2> <div class="container"> - <div class="final box" style="-webkit-transform: translate(75px, 25px) scale(2) rotate(45deg)"> + <div class="final box" style="transform: translate(75px, 25px) scale(2) rotate(45deg)"> </div> </div> </div> diff --git a/third_party/WebKit/LayoutTests/svg/transforms/text-with-pattern-inside-transformed-html.xhtml b/third_party/WebKit/LayoutTests/svg/transforms/text-with-pattern-inside-transformed-html.xhtml index a45483e..5f81b2c 100644 --- a/third_party/WebKit/LayoutTests/svg/transforms/text-with-pattern-inside-transformed-html.xhtml +++ b/third_party/WebKit/LayoutTests/svg/transforms/text-with-pattern-inside-transformed-html.xhtml @@ -11,7 +11,7 @@ margin: 50px; border: 1px solid black; -o-transform: translate(30px, 30px) rotate(20deg); - -webkit-transform: translate(30px, 30px) rotate(20deg); + transform: translate(30px, 30px) rotate(20deg); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/svg/transforms/transform-origin-css-property-expected.xhtml b/third_party/WebKit/LayoutTests/svg/transforms/transform-origin-css-property-expected.xhtml index 06aaac8..b5137c3 100644 --- a/third_party/WebKit/LayoutTests/svg/transforms/transform-origin-css-property-expected.xhtml +++ b/third_party/WebKit/LayoutTests/svg/transforms/transform-origin-css-property-expected.xhtml @@ -5,7 +5,7 @@ width: 30px; height: 30px; background: green; - -webkit-transform: rotate(90deg); + transform: rotate(90deg); } </style> diff --git a/third_party/WebKit/LayoutTests/svg/transforms/transform-origin-css-property.xhtml b/third_party/WebKit/LayoutTests/svg/transforms/transform-origin-css-property.xhtml index 205baef..8fdf30a 100644 --- a/third_party/WebKit/LayoutTests/svg/transforms/transform-origin-css-property.xhtml +++ b/third_party/WebKit/LayoutTests/svg/transforms/transform-origin-css-property.xhtml @@ -10,7 +10,7 @@ #transformOriginRect { fill: green; - -webkit-transform: rotate(90deg); + transform: rotate(90deg); } </style> diff --git a/third_party/WebKit/LayoutTests/svg/zoom/page/zoom-clip-path.html b/third_party/WebKit/LayoutTests/svg/zoom/page/zoom-clip-path.html index 6efd9a1..6edb56e 100644 --- a/third_party/WebKit/LayoutTests/svg/zoom/page/zoom-clip-path.html +++ b/third_party/WebKit/LayoutTests/svg/zoom/page/zoom-clip-path.html @@ -33,15 +33,15 @@ div { </defs> </svg> - <div style="-webkit-transform: translate(10px, 10px); width: 200px; height: 200px; top: 0px; left: 0px; background-color: black;"></div> + <div style="transform: translate(10px, 10px); width: 200px; height: 200px; top: 0px; left: 0px; background-color: black;"></div> <!-- The 4x4 checkerboard should stay well-formed when zoomed --> - <div style="-webkit-transform: translate(10px, 10px); top: 0px; left: 0px; -webkit-clip-path: url(#clip1);"></div> - <div style="-webkit-transform: translate(60px, 60px); top: 0px; left: 0px; -webkit-clip-path: url(#clip1);"></div> - <div style="-webkit-transform: translate(110px, 10px); top: 0px; left: 0px; -webkit-clip-path: url(#clip2);"></div> - <div style="-webkit-transform: translate(10px, 110px); top: 0px; left: 0px; -webkit-clip-path: url(#clip3);"></div> - <div style="-webkit-transform: translate(60px, 160px); top: 0px; left: 0px; -webkit-clip-path: url(#clip3);"></div> - <div style="-webkit-transform: translate(110px, 110px); top: 0px; left: 0px; -webkit-clip-path: url(#clip4);"></div> + <div style="transform: translate(10px, 10px); top: 0px; left: 0px; -webkit-clip-path: url(#clip1);"></div> + <div style="transform: translate(60px, 60px); top: 0px; left: 0px; -webkit-clip-path: url(#clip1);"></div> + <div style="transform: translate(110px, 10px); top: 0px; left: 0px; -webkit-clip-path: url(#clip2);"></div> + <div style="transform: translate(10px, 110px); top: 0px; left: 0px; -webkit-clip-path: url(#clip3);"></div> + <div style="transform: translate(60px, 160px); top: 0px; left: 0px; -webkit-clip-path: url(#clip3);"></div> + <div style="transform: translate(110px, 110px); top: 0px; left: 0px; -webkit-clip-path: url(#clip4);"></div> <script>var zoomCount = 4; window.shouldZoomOut = false;</script> <script src="../../../fast/repaint/resources/text-based-repaint.js"></script> diff --git a/third_party/WebKit/LayoutTests/svg/zoom/page/zoom-css-transforms.svg b/third_party/WebKit/LayoutTests/svg/zoom/page/zoom-css-transforms.svg index 4da0f7f..fa243b9 100644 --- a/third_party/WebKit/LayoutTests/svg/zoom/page/zoom-css-transforms.svg +++ b/third_party/WebKit/LayoutTests/svg/zoom/page/zoom-css-transforms.svg @@ -1,21 +1,21 @@ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="forceStyleRecalc();repaintTest();"> - <g style="-webkit-transform: translate(50px, 50px);"> + <g style="transform: translate(50px, 50px);"> <rect width="100" height="100" fill="green"/> </g> - <g style="-webkit-transform: translate(250px, 35px) rotate(45deg);"> + <g style="transform: translate(250px, 35px) rotate(45deg);"> <rect width="100" height="100" fill="green"/> </g> - <g style="-webkit-transform: translate(300px, 35px) skewX(35deg) skewY(35deg);"> + <g style="transform: translate(300px, 35px) skewX(35deg) skewY(35deg);"> <rect width="100" height="100" fill="green"/> </g> - <g style="-webkit-transform: translate(50px, 250px) skewX(35deg);"> + <g style="transform: translate(50px, 250px) skewX(35deg);"> <rect width="100" height="100" fill="green"/> </g> - <g style="-webkit-transform: translate(350px, 235px) skewY(35deg);"> + <g style="transform: translate(350px, 235px) skewY(35deg);"> <rect width="100" height="100" fill="green"/> </g> diff --git a/third_party/WebKit/LayoutTests/touchadjustment/rotated-node.html b/third_party/WebKit/LayoutTests/touchadjustment/rotated-node.html index 1d2c6b4..72072bd 100644 --- a/third_party/WebKit/LayoutTests/touchadjustment/rotated-node.html +++ b/third_party/WebKit/LayoutTests/touchadjustment/rotated-node.html @@ -15,7 +15,7 @@ } #rotated { -webkit-box-sizing: border-box; - -webkit-transform: rotate(45deg); + transform: rotate(45deg); border: 1px solid black; height: 40px; left: 10px; diff --git a/third_party/WebKit/LayoutTests/transforms/2d/compound-2d-transforms.html b/third_party/WebKit/LayoutTests/transforms/2d/compound-2d-transforms.html index 0300654..9e088e3 100644 --- a/third_party/WebKit/LayoutTests/transforms/2d/compound-2d-transforms.html +++ b/third_party/WebKit/LayoutTests/transforms/2d/compound-2d-transforms.html @@ -16,7 +16,7 @@ height: 100%; width: 100%; background-color: green; - -webkit-transform: rotate(90deg); + transform: rotate(90deg); } #results { margin-top: 100px; diff --git a/third_party/WebKit/LayoutTests/transforms/2d/compound-transforms-vs-containers.html b/third_party/WebKit/LayoutTests/transforms/2d/compound-transforms-vs-containers.html index 0555019..dc05877 100644 --- a/third_party/WebKit/LayoutTests/transforms/2d/compound-transforms-vs-containers.html +++ b/third_party/WebKit/LayoutTests/transforms/2d/compound-transforms-vs-containers.html @@ -30,26 +30,26 @@ <p>Test ensures that nested transformed elements produce the same result as a single compound transform.You should not see any red in the two tests below</p> <div class="container"> <p>Translate first</p> - <div style="-webkit-transform: translate(75px, 20px)"> - <div style="-webkit-transform: scale(1.6, 1.6)"> - <div style="-webkit-transform: rotate(45deg)"> + <div style="transform: translate(75px, 20px)"> + <div style="transform: scale(1.6, 1.6)"> + <div style="transform: rotate(45deg)"> <div class="box" style="background-color: red">Individual</div> </div> </div> </div> - <div class="box" style="-webkit-transform: translate(75px, 20px) scale(1.6, 1.6) rotate(45deg);"></div> + <div class="box" style="transform: translate(75px, 20px) scale(1.6, 1.6) rotate(45deg);"></div> </div> <div class="container"> <p>Translate second</p> - <div style="-webkit-transform: scale(1.6, 1.6)"> - <div style="-webkit-transform: translate(75px, 20px)"> - <div style="-webkit-transform: rotate(45deg)"> + <div style="transform: scale(1.6, 1.6)"> + <div style="transform: translate(75px, 20px)"> + <div style="transform: rotate(45deg)"> <div class="box" style="background-color: red">Individual</div> </div> </div> </div> - <div class="box" style="-webkit-transform: scale(1.6, 1.6) translate(75px, 20px) rotate(45deg);"></div> + <div class="box" style="transform: scale(1.6, 1.6) translate(75px, 20px) rotate(45deg);"></div> </div> </body> diff --git a/third_party/WebKit/LayoutTests/transforms/2d/computed-style-origin.html b/third_party/WebKit/LayoutTests/transforms/2d/computed-style-origin.html index 7b72b39..919babf 100644 --- a/third_party/WebKit/LayoutTests/transforms/2d/computed-style-origin.html +++ b/third_party/WebKit/LayoutTests/transforms/2d/computed-style-origin.html @@ -6,7 +6,7 @@ height: 20px; background-color: blue; position: relative; - -webkit-transform: translate(0); + transform: translate(0); // default transform and perspective origin } #test2 { @@ -14,7 +14,7 @@ height: 20px; background-color: blue; position: relative; - -webkit-transform: translate(0); + transform: translate(0); -webkit-transform-origin: 50% 50%; -webkit-perspective-origin: 50% 50%; } @@ -23,7 +23,7 @@ height: 20px; background-color: blue; position: relative; - -webkit-transform: translate(0); + transform: translate(0); -webkit-transform-origin: 0% 100%; -webkit-perspective-origin: 0% 100%; } @@ -32,7 +32,7 @@ height: 20px; background-color: blue; position: relative; - -webkit-transform: translate(0); + transform: translate(0); -webkit-transform-origin: 5px 7px; -webkit-perspective-origin: 5px 7px; } @@ -44,7 +44,7 @@ border: 5px solid green; background-color: blue; position: relative; - -webkit-transform: translate(0); + transform: translate(0); -webkit-transform-origin: 50% 50%; -webkit-perspective-origin: 50% 50%; } @@ -53,7 +53,7 @@ height: 100px; background-color: blue; position: relative; - -webkit-transform: translate(0); + transform: translate(0); -webkit-perspective-origin: 10% 20% 30%; } diff --git a/third_party/WebKit/LayoutTests/transforms/2d/cssmatrix-2d-zoom.html b/third_party/WebKit/LayoutTests/transforms/2d/cssmatrix-2d-zoom.html index 3e3ead5..be86055 100644 --- a/third_party/WebKit/LayoutTests/transforms/2d/cssmatrix-2d-zoom.html +++ b/third_party/WebKit/LayoutTests/transforms/2d/cssmatrix-2d-zoom.html @@ -17,7 +17,7 @@ body { } .translate { - -webkit-transform: translate(100px, 50px); + transform: translate(100px, 50px); background-color: red; } diff --git a/third_party/WebKit/LayoutTests/transforms/2d/hindi-rotated.html b/third_party/WebKit/LayoutTests/transforms/2d/hindi-rotated.html index c688f23..8eff17c 100644 --- a/third_party/WebKit/LayoutTests/transforms/2d/hindi-rotated.html +++ b/third_party/WebKit/LayoutTests/transforms/2d/hindi-rotated.html @@ -10,15 +10,15 @@ Straight खोजें बुधवार की सुबह होने वाला पूर्ण 123 abc </div> -<div style="border:1px solid green; margin-top:75px; width:250px; -webkit-transform:rotate(30deg); opacity:0.5; font-size:16px;"> +<div style="border:1px solid green; margin-top:75px; width:250px; transform:rotate(30deg); opacity:0.5; font-size:16px;"> Now rotated खोजें बुधवार की सुबह होने वाला पूर्ण 123 abc </div> -<div style="font-family: devanagari mt, mangal, times, times new roman; border:1px solid green; margin-top:75px; width:250px; -webkit-transform:rotate(30deg); opacity:0.5; font-size:16px;"> +<div style="font-family: devanagari mt, mangal, times, times new roman; border:1px solid green; margin-top:75px; width:250px; transform:rotate(30deg); opacity:0.5; font-size:16px;"> Now rotated खोजें बुधवार की सुबह होने वाला पूर्ण 123 abc </div> -<div style="font-family: times, times new roman; border:1px solid green; margin-top:75px; width:250px; -webkit-transform:rotate(30deg); opacity:0.5; font-size:16px;"> +<div style="font-family: times, times new roman; border:1px solid green; margin-top:75px; width:250px; transform:rotate(30deg); opacity:0.5; font-size:16px;"> Now rotated खोजें बुधवार की सुबह होने वाला पूर्ण 123 abc </div> diff --git a/third_party/WebKit/LayoutTests/transforms/2d/transform-2d.html b/third_party/WebKit/LayoutTests/transforms/2d/transform-2d.html index af7ecbf..c4dc417 100644 --- a/third_party/WebKit/LayoutTests/transforms/2d/transform-2d.html +++ b/third_party/WebKit/LayoutTests/transforms/2d/transform-2d.html @@ -16,7 +16,7 @@ height: 100%; width: 100%; background-color: green; - -webkit-transform: rotate(90deg); + transform: rotate(90deg); } #results { margin-top: 100px; diff --git a/third_party/WebKit/LayoutTests/transforms/2d/transform-accuracy.html b/third_party/WebKit/LayoutTests/transforms/2d/transform-accuracy.html index 98e1f94..690911e 100644 --- a/third_party/WebKit/LayoutTests/transforms/2d/transform-accuracy.html +++ b/third_party/WebKit/LayoutTests/transforms/2d/transform-accuracy.html @@ -16,7 +16,7 @@ height: 100%; width: 100%; background-color: green; - -webkit-transform: rotate(90deg); + transform: rotate(90deg); } #results { margin-top: 100px; diff --git a/third_party/WebKit/LayoutTests/transforms/2d/transform-borderbox.html b/third_party/WebKit/LayoutTests/transforms/2d/transform-borderbox.html index 8146335..aed2a27 100644 --- a/third_party/WebKit/LayoutTests/transforms/2d/transform-borderbox.html +++ b/third_party/WebKit/LayoutTests/transforms/2d/transform-borderbox.html @@ -19,7 +19,7 @@ background-color: green; border-right: 50px solid gray; box-sizing: auto; - -webkit-transform: scalex(2); + transform: scalex(2); -webkit-transform-origin: left; } .border-box { diff --git a/third_party/WebKit/LayoutTests/transforms/2d/transform-fixed-container.html b/third_party/WebKit/LayoutTests/transforms/2d/transform-fixed-container.html index 79818cc..0a4f90a 100644 --- a/third_party/WebKit/LayoutTests/transforms/2d/transform-fixed-container.html +++ b/third_party/WebKit/LayoutTests/transforms/2d/transform-fixed-container.html @@ -19,7 +19,7 @@ } .transformed { - -webkit-transform: rotate(0); + transform: rotate(0); } .indicator { diff --git a/third_party/WebKit/LayoutTests/transforms/2d/transform-origin-borderbox.html b/third_party/WebKit/LayoutTests/transforms/2d/transform-origin-borderbox.html index e2b6655..eaed2310 100644 --- a/third_party/WebKit/LayoutTests/transforms/2d/transform-origin-borderbox.html +++ b/third_party/WebKit/LayoutTests/transforms/2d/transform-origin-borderbox.html @@ -19,7 +19,7 @@ background-color: green; border-right: 100px solid gray; box-sizing: auto; - -webkit-transform: rotate(90deg); + transform: rotate(90deg); } .border-box { width: 200px; diff --git a/third_party/WebKit/LayoutTests/transforms/2d/transform-value-types.html b/third_party/WebKit/LayoutTests/transforms/2d/transform-value-types.html index 2976142..2a97d5b 100644 --- a/third_party/WebKit/LayoutTests/transforms/2d/transform-value-types.html +++ b/third_party/WebKit/LayoutTests/transforms/2d/transform-value-types.html @@ -4,7 +4,7 @@ <script src="../../resources/js-test.js"></script> <style id="style" media="screen"> .non-existent-class { - -webkit-transform: translate(10px) + transform: translate(10px) translateX(10px) translateY(10px) rotate(10deg) @@ -48,7 +48,7 @@ shouldBe("jsWrapperClass(" + expression + ".constructor)", "'" + constructorName + "'"); } - var transformRule = stylesheet.cssRules.item(0).style.getPropertyCSSValue('-webkit-transform'); + var transformRule = stylesheet.cssRules.item(0).style.getPropertyCSSValue('transform'); test("transformRule", "CSSValueList"); test("transformRule[0]", "WebKitCSSTransformValue"); diff --git a/third_party/WebKit/LayoutTests/transforms/3d/general/background-visibility-layers.html b/third_party/WebKit/LayoutTests/transforms/3d/general/background-visibility-layers.html index 8efa152..4c648ce 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/general/background-visibility-layers.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/general/background-visibility-layers.html @@ -1,5 +1,5 @@ <!DOCTYPE html> <style>div { width: 100px; height: 100px } </style> -<div style="-webkit-transform: rotateX(180deg); -webkit-transform-style: preserve-3d; background: green"> +<div style="transform: rotateX(180deg); -webkit-transform-style: preserve-3d; background: green"> <div style="-webkit-backface-visibility: hidden; background: red;"></div> </div> diff --git a/third_party/WebKit/LayoutTests/transforms/3d/general/cssmatrix-3d-zoom.html b/third_party/WebKit/LayoutTests/transforms/3d/general/cssmatrix-3d-zoom.html index 3280112..ccf106d 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/general/cssmatrix-3d-zoom.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/general/cssmatrix-3d-zoom.html @@ -17,7 +17,7 @@ body { } .translate { - -webkit-transform: translate(100px, 50px); + transform: translate(100px, 50px); background-color: red; } diff --git a/third_party/WebKit/LayoutTests/transforms/3d/general/matrix-with-zoom-3d.html b/third_party/WebKit/LayoutTests/transforms/3d/general/matrix-with-zoom-3d.html index 59f585b..077fada 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/general/matrix-with-zoom-3d.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/general/matrix-with-zoom-3d.html @@ -19,12 +19,12 @@ body { } .translate { - -webkit-transform: translate(100px, 50px); + transform: translate(100px, 50px); background-color: red; } .matrix { - -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 50, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 50, 0, 1); background-color: green; } </style> diff --git a/third_party/WebKit/LayoutTests/transforms/3d/general/perspective-units.html b/third_party/WebKit/LayoutTests/transforms/3d/general/perspective-units.html index b47df83..b172790 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/general/perspective-units.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/general/perspective-units.html @@ -19,7 +19,7 @@ height: 100%; width: 100%; background-color: blue; - -webkit-transform: rotateX(45deg); + transform: rotateX(45deg); } </style> </head> diff --git a/third_party/WebKit/LayoutTests/transforms/3d/general/transform-origin-z-change.html b/third_party/WebKit/LayoutTests/transforms/3d/general/transform-origin-z-change.html index 54034b3..c18686f 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/general/transform-origin-z-change.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/general/transform-origin-z-change.html @@ -21,12 +21,12 @@ } .intermediate { - -webkit-transform: rotateY(-90deg); + transform: rotateY(-90deg); -webkit-transform-style: preserve-3d; } .inner { - -webkit-transform: rotateY(-90deg); + transform: rotateY(-90deg); background: green; } diff --git a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/backface-hit-test.html b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/backface-hit-test.html index be7e16b..6070df9 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/backface-hit-test.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/backface-hit-test.html @@ -56,8 +56,8 @@ <p>There are two boxes below, both rotated 180° in Y. The rightmost one has backface-visibility: hidden, so you can't see it.</p> <div id="container"> - <div class="box" id="box1" style="-webkit-transform: translateZ(1px) rotateY(180deg)"></div> - <div class="box" id="box2" style="-webkit-transform: translateZ(1px) rotateY(180deg); -webkit-backface-visibility: hidden;"></div> + <div class="box" id="box1" style="transform: translateZ(1px) rotateY(180deg)"></div> + <div class="box" id="box2" style="transform: translateZ(1px) rotateY(180deg); -webkit-backface-visibility: hidden;"></div> </div> <div id="results"> diff --git a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/backface-no-transform-hit-test.html b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/backface-no-transform-hit-test.html index 4b5d79a..5271321 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/backface-no-transform-hit-test.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/backface-no-transform-hit-test.html @@ -12,7 +12,7 @@ background-color: #EEE; border: 1px solid black; -webkit-transform-style: preserve-3d; - -webkit-transform: translateZ(1px) rotateY(180deg); + transform: translateZ(1px) rotateY(180deg); } .box { diff --git a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/composited-hit-test.html b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/composited-hit-test.html index c1e7ce1..e6c2e64 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/composited-hit-test.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/composited-hit-test.html @@ -10,7 +10,7 @@ height: 200px; position: relative; background-color: silver; - -webkit-transform: translateZ(0px); + transform: translateZ(0px); } #container { @@ -18,7 +18,7 @@ top: 0px; z-index: 1; border: 2px solid green; - -webkit-transform: translateZ(0px); + transform: translateZ(0px); } .box { diff --git a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/coplanar-with-camera.html b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/coplanar-with-camera.html index a6311ad..c060d5c 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/coplanar-with-camera.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/coplanar-with-camera.html @@ -17,7 +17,7 @@ #container { -webkit-transform-style: preserve-3d; - -webkit-transform: translateZ(800px) + transform: translateZ(800px) } #layer { @@ -27,7 +27,7 @@ background-color: green; /* This should theoretically cancel out the container's transform, and hit-testing should work. */ - -webkit-transform: translateZ(-800px); + transform: translateZ(-800px); } #background { diff --git a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/hit-preserves-3d-2.html b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/hit-preserves-3d-2.html index 2204f2a..5a9a7b6 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/hit-preserves-3d-2.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/hit-preserves-3d-2.html @@ -16,11 +16,11 @@ .should-be-visible { background-color: green !important; } .composited { - -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); } .intermediate { - -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-style: preserve-3d; background-color: red; } diff --git a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/hover-rotated-with-children-negative-z.html b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/hover-rotated-with-children-negative-z.html index 447a9bc..1e5ad81 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/hover-rotated-with-children-negative-z.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/hover-rotated-with-children-negative-z.html @@ -4,7 +4,7 @@ <style> #transformed { - -webkit-transform: translateY(50px) rotateX(20deg) rotateZ(10deg); + transform: translateY(50px) rotateX(20deg) rotateZ(10deg); padding: 10px; margin: 15px; background-color: Yellow; @@ -14,12 +14,12 @@ height: 150px; } #child1 { - -webkit-transform: rotateX(45deg) rotateZ(45deg) translateZ(-500px) translateX(-300px) translateY(-180px); + transform: rotateX(45deg) rotateZ(45deg) translateZ(-500px) translateX(-300px) translateY(-180px); height: 30px; background-color: Lime; } #child2 { - -webkit-transform: translateZ(-500px) rotateX(-45deg) rotateZ(-45deg) translateX(50px) translateY(-130px); + transform: translateZ(-500px) rotateX(-45deg) rotateZ(-45deg) translateX(50px) translateY(-130px); height: 30px; background-color: Cyan; } diff --git a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/negative-zoffset-hit-test.html b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/negative-zoffset-hit-test.html index 9ffcfd5..3721f9c9 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/negative-zoffset-hit-test.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/negative-zoffset-hit-test.html @@ -18,7 +18,7 @@ width: 160px; margin: 20px; background-color: #DDD; - -webkit-transform: rotate3d(0, 1, 0, -45deg); + transform: rotate3d(0, 1, 0, -45deg); -webkit-transform-origin: right; } diff --git a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/overlapping-layers-hit-test.html b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/overlapping-layers-hit-test.html index ff67468..b3d7789 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/overlapping-layers-hit-test.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/overlapping-layers-hit-test.html @@ -17,8 +17,6 @@ .preserve { top: 250px; left: 0; - -webkit-transform-style: preserve-3d; - -moz-transform-style: preserve-3d; transform-style: preserve-3d; } @@ -31,15 +29,11 @@ .red { background-color: red; - -webkit-transform: perspective( 600px ) rotateY( 45deg ); - -moz-transform: perspective( 600px ) rotateY( 45deg ); transform: perspective( 600px ) rotateY( 45deg ); } .blue { background-color: blue; - -webkit-transform: perspective( 600px ) rotateY( -45deg ); - -moz-transform: perspective( 600px ) rotateY( -45deg ); transform: perspective( 600px ) rotateY( -45deg ); } @@ -50,10 +44,6 @@ width: 160px; margin: 20px; background-color: #DDD; - -webkit-transform: rotate3d(0, 1, 0, -45deg); - -webkit-transform-origin: right; - -moz-transform: rotate3d(0, 1, 0, -45deg); - -moz-transform-origin: right; transform: rotate3d(0, 1, 0, -45deg); transform-origin: right; } diff --git a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/perspective-clipped.html b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/perspective-clipped.html index 7001c54..9356eb6 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/perspective-clipped.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/perspective-clipped.html @@ -40,11 +40,11 @@ } .rotatedUp { - -webkit-transform: rotateX(-240deg) translateZ(200px) + transform: rotateX(-240deg) translateZ(200px) } .rotatedDown { - -webkit-transform: rotateX(-300deg) translateZ(200px) + transform: rotateX(-300deg) translateZ(200px) } .green { @@ -91,7 +91,7 @@ <div id="backgroundLayer"></div> <div id="container"> - <div id="intermediate" class="host" style="-webkit-transform: rotate3d(1, 0, 0, 270deg)"> + <div id="intermediate" class="host" style="transform: rotate3d(1, 0, 0, 270deg)"> <div id="topLayer" class="highlightOnHover rotatedUp green box" style=""></div> <div id="bottomLayer" class="highlightOnHover rotatedDown green box" style=""></div> </div> diff --git a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/rotated-hit-test-with-child.html b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/rotated-hit-test-with-child.html index bfe5bfc..aa297ba 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/rotated-hit-test-with-child.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/rotated-hit-test-with-child.html @@ -21,7 +21,7 @@ .middle { -webkit-transform-origin: 10% 50%; - -webkit-transform: rotateY(40deg); + transform: rotateY(40deg); } .box:hover { @@ -33,7 +33,7 @@ top: 100px; left: 100px; background-color: blue; - -webkit-transform: translateZ(1px); + transform: translateZ(1px); } #results { diff --git a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/rotated-hit-test.html b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/rotated-hit-test.html index 52cc7d4..e6b2a36 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/rotated-hit-test.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/rotated-hit-test.html @@ -22,22 +22,22 @@ #left { -webkit-transform-origin: 10% 50%; - -webkit-transform: rotateY(90deg); + transform: rotateY(90deg); } #top { -webkit-transform-origin: 50% 10%; - -webkit-transform: rotateX(-90deg); + transform: rotateX(-90deg); } #right { -webkit-transform-origin: 90% 50%; - -webkit-transform: rotateY(-90deg); + transform: rotateY(-90deg); } #bottom { -webkit-transform-origin: 50% 90%; - -webkit-transform: rotateX(90deg); + transform: rotateX(90deg); } .box:hover { diff --git a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/rotated-hit-test2.html b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/rotated-hit-test2.html index c008bbb..057e607 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/rotated-hit-test2.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/hit-testing/rotated-hit-test2.html @@ -22,25 +22,25 @@ } #left { - -webkit-transform: rotateY(-75deg); + transform: rotateY(-75deg); left: 20px; top: 100px; } #top { - -webkit-transform: rotateX(75deg); + transform: rotateX(75deg); top: 20px; left: 100px; } #right { - -webkit-transform: rotateY(75deg); + transform: rotateY(75deg); left: 180px; top: 100px; } #bottom { - -webkit-transform: rotateX(-75deg); + transform: rotateX(-75deg); top: 180px; left: 100px; } diff --git a/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-2.html b/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-2.html index 636d028..990a31ff 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-2.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-2.html @@ -89,7 +89,7 @@ background-color: blue; height: 90px; width: 90px; - -webkit-transform: rotateY(30deg); + transform: rotateY(30deg); } #results { @@ -114,7 +114,7 @@ <div class="test"> <!-- preserve-3d element with no transform--> <div class="container box" id="box1"> - <div class="transformed-3d box" style="-webkit-transform: rotateY(-30deg);" id="box2"> + <div class="transformed-3d box" style="transform: rotateY(-30deg);" id="box2"> <div class="transformed-3d box" id="box3"> <div class="inner box" id="box4"> </div> @@ -126,7 +126,7 @@ <div class="test"> <!-- layer with no transform--> <div class="container box" id="box5"> - <div class="transformed-3d box" style="-webkit-transform: rotateY(-30deg);" id="box6"> + <div class="transformed-3d box" style="transform: rotateY(-30deg);" id="box6"> <div class="box" style="position: relative; padding-left: 20px" id="box7"> <div class="inner box" id="box8"> </div> @@ -138,7 +138,7 @@ <div class="test"> <!-- non-layer with no transform--> <div class="container box" id="box9"> - <div class="transformed-3d box" style="-webkit-transform: rotateY(-30deg);" id="box10"> + <div class="transformed-3d box" style="transform: rotateY(-30deg);" id="box10"> <div class="box" style="padding-left: 20px" id="box11"> <div class="inner box" id="box12"> </div> diff --git a/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-3.html b/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-3.html index 87db834..75d19ca 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-3.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-3.html @@ -43,7 +43,7 @@ width: 200px; background-color: #81AA8A; -webkit-transform-origin: right top; - -webkit-transform: rotateY(45deg); + transform: rotateY(45deg); } #card:hover { diff --git a/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-coplanar.html b/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-coplanar.html index d845201..66e8ab4 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-coplanar.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-coplanar.html @@ -61,7 +61,7 @@ border: 1px solid black; background-color: #AAA; -webkit-box-sizing: border-box; - -webkit-transform: translateZ(20px); + transform: translateZ(20px); } #results { diff --git a/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-deep.html b/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-deep.html index 60b637c..ed40188 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-deep.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-deep.html @@ -76,7 +76,7 @@ background-color: #81AA8A; -webkit-transform-style: preserve-3d; -webkit-box-sizing: border-box; - -webkit-transform: rotateY(20deg); + transform: rotateY(20deg); } .transformed-flat { @@ -120,11 +120,11 @@ <!-- Flatten in the middle of 3d --> <div class="container box" id="box1"> <div class="transformed-3d box" id="box2"> - <div class="transformed-3d box" style="-webkit-transform: translateZ(40px) rotateX(10deg)" id="box3"> - <div class="transformed-flat box" style="-webkit-transform: translate3d(0, 20px, 40px) rotateX(-15deg)" id="box4"> + <div class="transformed-3d box" style="transform: translateZ(40px) rotateX(10deg)" id="box3"> + <div class="transformed-flat box" style="transform: translate3d(0, 20px, 40px) rotateX(-15deg)" id="box4"> <div class="transformed-flat box" style="-webkit-perspective: 500" id="box5"> - <div class="transformed-3d box" style="-webkit-transform-origin: top left; -webkit-transform: rotateY(-15deg);" id="box6"> - <div class="transformed-3d box" style="-webkit-transform-origin: top left; -webkit-transform: translateZ(20px)" id="box7"> + <div class="transformed-3d box" style="-webkit-transform-origin: top left; transform: rotateY(-15deg);" id="box6"> + <div class="transformed-3d box" style="-webkit-transform-origin: top left; transform: translateZ(20px)" id="box7"> <div class="inner" id="box8"> </div> </div> diff --git a/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-origins.html b/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-origins.html index dccd1b4..c0dbaff 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-origins.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-origins.html @@ -75,7 +75,7 @@ border: 1px solid black; background-color: #AAA; -webkit-box-sizing: border-box; - -webkit-transform: translateZ(100px) rotateY(-40deg); + transform: translateZ(100px) rotateY(-40deg); -webkit-transform-origin: 20% 40%; } diff --git a/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-overlapping.html b/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-overlapping.html index a8304f8..b8ee709 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-overlapping.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-overlapping.html @@ -63,7 +63,7 @@ border: 1px solid black; background-color: #AAA; -webkit-box-sizing: border-box; - -webkit-transform: translateZ(50px); + transform: translateZ(50px); } #overlay { @@ -71,7 +71,7 @@ height: 300px; width: 150px; background-color: rgba(0, 128, 0, 0.3); - -webkit-transform: translateZ(100px); + transform: translateZ(100px); } .inner { diff --git a/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-preserve-3d.html b/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-preserve-3d.html index 088af44..cbd29bf 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-preserve-3d.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-preserve-3d.html @@ -106,7 +106,7 @@ background-color: #81AA8A; -webkit-transform-style: preserve-3d; -webkit-box-sizing: border-box; - -webkit-transform: rotateY(-30deg); + transform: rotateY(-30deg); } .transformed-flat { @@ -119,7 +119,7 @@ background-color: #AA7994; -webkit-transform-style: flat; -webkit-box-sizing: border-box; - -webkit-transform: rotateY(-30deg); + transform: rotateY(-30deg); } .inner { @@ -178,7 +178,7 @@ <!-- Nested transformed, preserve-3d divs in perpsective --> <div class="container box" id="box9"> <div class="transformed-3d box" id="box10"> - <div class="transformed-3d box" style="-webkit-transform: translateZ(20px) rotateY(50deg)" id="box11"> + <div class="transformed-3d box" style="transform: translateZ(20px) rotateY(50deg)" id="box11"> </div> </div> </div> @@ -187,7 +187,7 @@ <!-- Transformed, preserve-3d div in perpsective with non-layer child --> <div class="container box" id="box12"> <div class="transformed-3d box" id="box13"> - <div class="transformed-3d box" style="-webkit-transform: translateZ(10px) rotateY(50deg)" id="box14"> + <div class="transformed-3d box" style="transform: translateZ(10px) rotateY(50deg)" id="box14"> <div class="inner box" id="box15"> </div> </div> @@ -198,8 +198,8 @@ <!-- Flatten in the middle of 3d --> <div class="container box" id="box16"> <div class="transformed-3d box" id="box17"> - <div class="transformed-3d box" style="-webkit-transform: translateZ(10px) rotateY(20deg)" id="box18"> - <div class="transformed-flat box" style="-webkit-transform-style: flat; -webkit-transform: rotateX(-20deg)" id="box19"> + <div class="transformed-3d box" style="transform: translateZ(10px) rotateY(20deg)" id="box18"> + <div class="transformed-flat box" style="-webkit-transform-style: flat; transform: rotateX(-20deg)" id="box19"> <div class="inner box" id="box20"> </div> </div> diff --git a/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping.html b/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping.html index 9f9d43a..a558e9a 100644 --- a/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping.html +++ b/third_party/WebKit/LayoutTests/transforms/3d/point-mapping/3d-point-mapping.html @@ -82,7 +82,7 @@ border: 1px solid black; background-color: #AAA; -webkit-box-sizing: border-box; - -webkit-transform: translateZ(100px) rotateY(-40deg); + transform: translateZ(100px) rotateY(-40deg); } .layer { diff --git a/third_party/WebKit/LayoutTests/transforms/svg-vs-css.xhtml b/third_party/WebKit/LayoutTests/transforms/svg-vs-css.xhtml index 69f01c9..0e96dff 100644 --- a/third_party/WebKit/LayoutTests/transforms/svg-vs-css.xhtml +++ b/third_party/WebKit/LayoutTests/transforms/svg-vs-css.xhtml @@ -50,9 +50,9 @@ { var matrixDiv = document.getElementById('matrixed'); - var firstMatrix = new WebKitCSSMatrix(document.getElementById('box1').style.webkitTransform); - var secondMatrix = new WebKitCSSMatrix(document.getElementById('box2').style.webkitTransform); - var thirdMatrix = new WebKitCSSMatrix(document.getElementById('box3').style.webkitTransform); + var firstMatrix = new WebKitCSSMatrix(document.getElementById('box1').style.transform); + var secondMatrix = new WebKitCSSMatrix(document.getElementById('box2').style.transform); + var thirdMatrix = new WebKitCSSMatrix(document.getElementById('box3').style.transform); var finalMatrix = firstMatrix.multiply(secondMatrix); finalMatrix = finalMatrix.multiply(thirdMatrix); @@ -61,7 +61,7 @@ // var finalMatrix = thirdMatrix.multiply(secondMatrix); // finalMatrix = finalMatrix.multiply(firstMatrix); - matrixDiv.style.webkitTransform = finalMatrix; + matrixDiv.style.transform = finalMatrix; } function doSVG() @@ -109,9 +109,9 @@ <h2>CSS nested</h2> <div class="container"> - <div id="box1" class="box" style="-webkit-transform: translate(75px, 25px)"> - <div id="box2" class="box" style="-webkit-transform: scale(2)"> - <div id="box3" class="final box" style="-webkit-transform: rotate(45deg)"> + <div id="box1" class="box" style="transform: translate(75px, 25px)"> + <div id="box2" class="box" style="transform: scale(2)"> + <div id="box3" class="final box" style="transform: rotate(45deg)"> </div> </div> </div> @@ -130,7 +130,7 @@ <h2>CSS compound</h2> <div class="container"> - <div class="final box" style="-webkit-transform: translate(75px, 25px) scale(2) rotate(45deg)"> + <div class="final box" style="transform: translate(75px, 25px) scale(2) rotate(45deg)"> </div> </div> </div> diff --git a/third_party/WebKit/LayoutTests/transforms/transform-focus-ring-repaint.html b/third_party/WebKit/LayoutTests/transforms/transform-focus-ring-repaint.html index 867a999..7f73c10 100644 --- a/third_party/WebKit/LayoutTests/transforms/transform-focus-ring-repaint.html +++ b/third_party/WebKit/LayoutTests/transforms/transform-focus-ring-repaint.html @@ -10,7 +10,7 @@ onload = runRepaintTest; Result repaint rects should cover the whole focus ring. </div> <div id="target" style="backface-visibility: hidden; width: 200px; height: 200px; background-color: yellow"> - <div style="-webkit-transform: rotate(90deg); position: absolute; top: 100px; left: 100px; background-color: blue; width: 300px; height: 300px"> + <div style="transform: rotate(90deg); position: absolute; top: 100px; left: 100px; background-color: blue; width: 300px; height: 300px"> <div style="position: absolute; top: 100px; left: 40px; background-color: green; width: 400px; height: 100px"></div> </div> </div> diff --git a/third_party/WebKit/LayoutTests/transforms/transform-focus-ring.html b/third_party/WebKit/LayoutTests/transforms/transform-focus-ring.html index f921089..7198c21 100644 --- a/third_party/WebKit/LayoutTests/transforms/transform-focus-ring.html +++ b/third_party/WebKit/LayoutTests/transforms/transform-focus-ring.html @@ -1,6 +1,6 @@ <!DOCTYPE html> <div style="width: 100px; height: 100px; outline: red auto thin; background-color: yellow"> - <div style="-webkit-transform: rotate(90deg); position: absolute; top: 50px; left: 50px; background-color: blue; width: 150px; height: 150px"> + <div style="transform: rotate(90deg); position: absolute; top: 50px; left: 50px; background-color: blue; width: 150px; height: 150px"> <div style="position: absolute; top: 50px; left: 20px; background-color: green; width: 200px; height: 50px"></div> </div> </div> diff --git a/third_party/WebKit/LayoutTests/transitions/3d/interrupted-transition.html b/third_party/WebKit/LayoutTests/transitions/3d/interrupted-transition.html index 5191b39..38940fb 100644 --- a/third_party/WebKit/LayoutTests/transitions/3d/interrupted-transition.html +++ b/third_party/WebKit/LayoutTests/transitions/3d/interrupted-transition.html @@ -6,8 +6,8 @@ width: 10px; height: 10px; background-color: green; - -webkit-transform: translate3d(0, 0, 0); - -webkit-transition: -webkit-transform 200ms linear; + transform: translate3d(0, 0, 0); + -webkit-transition: transform 200ms linear; } </style> <script> diff --git a/third_party/WebKit/LayoutTests/transitions/bad-transition-shorthand-crash.html b/third_party/WebKit/LayoutTests/transitions/bad-transition-shorthand-crash.html index 38ae79a..f7f129b 100644 --- a/third_party/WebKit/LayoutTests/transitions/bad-transition-shorthand-crash.html +++ b/third_party/WebKit/LayoutTests/transitions/bad-transition-shorthand-crash.html @@ -8,8 +8,8 @@ height: 100px; width: 100px; background-color: blue; - -webkit-transform: rotate(0); - -webkit-transition: -webkit-transform, 2s; + transform: rotate(0); + -webkit-transition: transform, 2s; } </style> <script> diff --git a/third_party/WebKit/LayoutTests/transitions/cancel-transition.html b/third_party/WebKit/LayoutTests/transitions/cancel-transition.html index 7db540d..60a30ae 100644 --- a/third_party/WebKit/LayoutTests/transitions/cancel-transition.html +++ b/third_party/WebKit/LayoutTests/transitions/cancel-transition.html @@ -23,8 +23,8 @@ -webkit-transition-timing-function: linear; } #container.run #translate { - -webkit-transform: translate(400px, 0px); - -webkit-transition-property: -webkit-transform; + transform: translate(400px, 0px); + -webkit-transition-property: transform; -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; } diff --git a/third_party/WebKit/LayoutTests/transitions/cubic-bezier-overflow-transform.html b/third_party/WebKit/LayoutTests/transitions/cubic-bezier-overflow-transform.html index 6d648cf..6691391 100644 --- a/third_party/WebKit/LayoutTests/transitions/cubic-bezier-overflow-transform.html +++ b/third_party/WebKit/LayoutTests/transitions/cubic-bezier-overflow-transform.html @@ -10,11 +10,11 @@ width: 100px; margin: 10px; background-color: blue; - -webkit-transition: -webkit-transform 1s linear; - -webkit-transform: rotate(0deg); + -webkit-transition: transform 1s linear; + transform: rotate(0deg); } .animating > .box { - -webkit-transform: rotate(180deg); + transform: rotate(180deg); } </style> <script src="../animations/resources/animation-test-helpers.js"></script> diff --git a/third_party/WebKit/LayoutTests/transitions/default-timing-function.html b/third_party/WebKit/LayoutTests/transitions/default-timing-function.html index c08285a..60046b3 100644 --- a/third_party/WebKit/LayoutTests/transitions/default-timing-function.html +++ b/third_party/WebKit/LayoutTests/transitions/default-timing-function.html @@ -29,7 +29,7 @@ } #box2.final { - -webkit-transform: translateX(400px); + transform: translateX(400px); } #indicator { diff --git a/third_party/WebKit/LayoutTests/transitions/extra-transition.html b/third_party/WebKit/LayoutTests/transitions/extra-transition.html index c220197..ca850e0 100644 --- a/third_party/WebKit/LayoutTests/transitions/extra-transition.html +++ b/third_party/WebKit/LayoutTests/transitions/extra-transition.html @@ -16,10 +16,10 @@ } #features > li > .picture { - -webkit-transition-property: -webkit-transform; + -webkit-transition-property: transform; -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease-in; - -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); opacity: 0.2; border: 5px solid white; background-color: gray; @@ -32,11 +32,11 @@ #features > li.enabled > .picture { -webkit-transition-timing-function: ease-out; - -webkit-transform:rotate(10deg); + transform:rotate(10deg); } #features > li > .description { - -webkit-transition-property: -webkit-transform; + -webkit-transition-property: transform; -webkit-transition-duration: 560ms; -webkit-transition-timing-function: ease-in; line-height: 1.4em; @@ -54,7 +54,7 @@ } #features > li.enabled > .description { - -webkit-transform:translate3d(100px,0,0); + transform:translate3d(100px,0,0); } </style> <script> @@ -77,7 +77,7 @@ function check() { - var transform = window.getComputedStyle(document.getElementById('description')).webkitTransform; + var transform = window.getComputedStyle(document.getElementById('description')).transform; if (transform == "matrix(1, 0, 0, 1, 100, 0)") log('transform="'+transform+'" as expected: PASS'); else diff --git a/third_party/WebKit/LayoutTests/transitions/interrupt-transform-transition.html b/third_party/WebKit/LayoutTests/transitions/interrupt-transform-transition.html index 83a48d7..568596a 100644 --- a/third_party/WebKit/LayoutTests/transitions/interrupt-transform-transition.html +++ b/third_party/WebKit/LayoutTests/transitions/interrupt-transform-transition.html @@ -8,9 +8,9 @@ width: 100px; height: 100px; background-color: blue; - -webkit-transition-property: -webkit-transform; + -webkit-transition-property: transform; -webkit-transition-duration: 2s; - -webkit-transform: translate(0, 0); + transform: translate(0, 0); } </style> <script> @@ -21,7 +21,7 @@ function test() { - var t = window.getComputedStyle(document.getElementById('box')).webkitTransform; + var t = window.getComputedStyle(document.getElementById('box')).transform; // grab the x value from the matrix() var lastValueRE = /([\.\d]+),[^,]+\)$/; var xTranslate = lastValueRE.exec(t)[1]; @@ -35,10 +35,10 @@ function startTest() { var box = document.getElementById('box'); - box.style.webkitTransform = 'translate(200px, 0)'; + box.style.transform = 'translate(200px, 0)'; window.setTimeout(function() { - box.style.webkitTransform = 'translate(0, 200px)'; + box.style.transform = 'translate(0, 200px)'; window.setTimeout(test, 0); }, 300); diff --git a/third_party/WebKit/LayoutTests/transitions/interrupted-accelerated-transition.html b/third_party/WebKit/LayoutTests/transitions/interrupted-accelerated-transition.html index 43a20de..7687859 100644 --- a/third_party/WebKit/LayoutTests/transitions/interrupted-accelerated-transition.html +++ b/third_party/WebKit/LayoutTests/transitions/interrupted-accelerated-transition.html @@ -13,7 +13,7 @@ } #box.rotated { - -webkit-transform: rotate(45deg); + transform: rotate(45deg); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/transitions/matched-transform-functions.html b/third_party/WebKit/LayoutTests/transitions/matched-transform-functions.html index 224472d..4c96de4 100644 --- a/third_party/WebKit/LayoutTests/transitions/matched-transform-functions.html +++ b/third_party/WebKit/LayoutTests/transitions/matched-transform-functions.html @@ -7,9 +7,9 @@ height: 100px; width: 100px; background-color: blue; - -webkit-transition-property: -webkit-transform; + -webkit-transition-property: transform; -webkit-transition-duration: 3s; - -webkit-transform: translate(0, 0) rotate(0); + transform: translate(0, 0) rotate(0); } </style> @@ -21,7 +21,7 @@ function test() { - var c = new WebKitCSSMatrix(window.getComputedStyle(document.getElementById('box')).webkitTransform); + var c = new WebKitCSSMatrix(window.getComputedStyle(document.getElementById('box')).transform); var result = (c.f < 200) ? 'PASS' : 'FAIL: transition should still be running, so y < 200'; document.getElementById('result').innerHTML = result; @@ -32,10 +32,10 @@ function startTest() { var box = document.getElementById('box'); - box.style.webkitTransform = 'translate(100px, 0) rotate(0)'; + box.style.transform = 'translate(100px, 0) rotate(0)'; window.setTimeout(function() { - box.style.webkitTransform = 'translate(0, 200px) rotate(10deg)'; + box.style.transform = 'translate(0, 200px) rotate(10deg)'; window.setTimeout(function() { test(); }, 200); diff --git a/third_party/WebKit/LayoutTests/transitions/move-after-transition.html b/third_party/WebKit/LayoutTests/transitions/move-after-transition.html index d1725bb..6774e8e 100644 --- a/third_party/WebKit/LayoutTests/transitions/move-after-transition.html +++ b/third_party/WebKit/LayoutTests/transitions/move-after-transition.html @@ -27,13 +27,13 @@ } #container.moved .hardware { - -webkit-transform: translateX(300px); + transform: translateX(300px); } .hardware { - -webkit-transform-style: preserve-3d; - -webkit-transition: -webkit-transform 300ms linear; - -webkit-transform: translateX(0); + transform-style: preserve-3d; + -webkit-transition: transform 300ms linear; + transform: translateX(0); } </style> diff --git a/third_party/WebKit/LayoutTests/transitions/negative-delay.html b/third_party/WebKit/LayoutTests/transitions/negative-delay.html index f356093..911ccf7 100644 --- a/third_party/WebKit/LayoutTests/transitions/negative-delay.html +++ b/third_party/WebKit/LayoutTests/transitions/negative-delay.html @@ -27,15 +27,15 @@ #square3 { top: 100px; - -webkit-transition-property: -webkit-transform; + -webkit-transition-property: transform; -webkit-transition-delay: -1s; } #square4 { top: 140px; - -webkit-transition-property: -webkit-transform; + -webkit-transition-property: transform; } .translated { - -webkit-transform: translateX(600px); + transform: translateX(600px); } </style> diff --git a/third_party/WebKit/LayoutTests/transitions/position-background-transition.html b/third_party/WebKit/LayoutTests/transitions/position-background-transition.html index f518741..b0cd60b 100644 --- a/third_party/WebKit/LayoutTests/transitions/position-background-transition.html +++ b/third_party/WebKit/LayoutTests/transitions/position-background-transition.html @@ -8,7 +8,7 @@ height: 100px; background: red; -webkit-transition-property: top, background; -webkit-transition-duration: 200ms; --webkit-transform: translateZ(0); +transform: translateZ(0); } </style> <script> diff --git a/third_party/WebKit/LayoutTests/transitions/resources/opacity-transform-transitions-inside-iframe-inner.html b/third_party/WebKit/LayoutTests/transitions/resources/opacity-transform-transitions-inside-iframe-inner.html index e67f2a6..cb41cbc 100644 --- a/third_party/WebKit/LayoutTests/transitions/resources/opacity-transform-transitions-inside-iframe-inner.html +++ b/third_party/WebKit/LayoutTests/transitions/resources/opacity-transform-transitions-inside-iframe-inner.html @@ -32,7 +32,7 @@ } .overlay.transparent .page { - -webkit-transform: scale(1) translateY(0px); + transform: scale(1) translateY(0px); } </style> diff --git a/third_party/WebKit/LayoutTests/transitions/retargetted-transition.html b/third_party/WebKit/LayoutTests/transitions/retargetted-transition.html index 5cfb620..a08e203 100644 --- a/third_party/WebKit/LayoutTests/transitions/retargetted-transition.html +++ b/third_party/WebKit/LayoutTests/transitions/retargetted-transition.html @@ -8,7 +8,7 @@ width: 100px; background-color: blue; -webkit-transition-duration: 2s; - -webkit-transform: translate(0, 0); + transform: translate(0, 0); } </style> diff --git a/third_party/WebKit/LayoutTests/transitions/start-transform-transition.html b/third_party/WebKit/LayoutTests/transitions/start-transform-transition.html index 44915b5..fd50957 100644 --- a/third_party/WebKit/LayoutTests/transitions/start-transform-transition.html +++ b/third_party/WebKit/LayoutTests/transitions/start-transform-transition.html @@ -6,13 +6,13 @@ width: 100px; height: 100px; background-color: blue; - -webkit-transition-property: -webkit-transform; + -webkit-transition-property: transform; -webkit-transition-duration: 5s; - -webkit-transform: translate(0, 0); + transform: translate(0, 0); } .moved { - -webkit-transform: translateX(300px); + transform: translateX(300px); } </style> <script> @@ -52,4 +52,4 @@ <div id="result"> </div> </body> -</html>
\ No newline at end of file +</html> diff --git a/third_party/WebKit/LayoutTests/transitions/steps-timing-function.html b/third_party/WebKit/LayoutTests/transitions/steps-timing-function.html index 14e8e3f..db8a5c6 100644 --- a/third_party/WebKit/LayoutTests/transitions/steps-timing-function.html +++ b/third_party/WebKit/LayoutTests/transitions/steps-timing-function.html @@ -7,10 +7,10 @@ height: 100px; width: 100px; background-color: blue; - -webkit-transform: translateX(0px); + transform: translateX(0px); -webkit-transition-duration: 1s; -webkit-transition-timing-function: steps(3, end); - -webkit-transition-property: -webkit-transform; + -webkit-transition-property: transform; } </style> <script src="../animations/resources/animation-test-helpers.js"></script> diff --git a/third_party/WebKit/LayoutTests/transitions/transform-op-list-match.html b/third_party/WebKit/LayoutTests/transitions/transform-op-list-match.html index 3d83b99..0aa42f08 100644 --- a/third_party/WebKit/LayoutTests/transitions/transform-op-list-match.html +++ b/third_party/WebKit/LayoutTests/transitions/transform-op-list-match.html @@ -7,10 +7,10 @@ height: 100px; width: 100px; background-color: blue; - -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); -webkit-transition-duration: 2s; -webkit-transition-timing-function: linear; - -webkit-transition-property: -webkit-transform; + -webkit-transition-property: transform; } </style> <script src="../animations/resources/animation-test-helpers.js"></script> diff --git a/third_party/WebKit/LayoutTests/transitions/transform-op-list-no-match.html b/third_party/WebKit/LayoutTests/transitions/transform-op-list-no-match.html index c529654..6d6760c 100644 --- a/third_party/WebKit/LayoutTests/transitions/transform-op-list-no-match.html +++ b/third_party/WebKit/LayoutTests/transitions/transform-op-list-no-match.html @@ -7,10 +7,10 @@ height: 100px; width: 100px; background-color: blue; - -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); -webkit-transition-duration: 2s; -webkit-transition-timing-function: linear; - -webkit-transition-property: -webkit-transform; + -webkit-transition-property: transform; } </style> <script src="../animations/resources/animation-test-helpers.js"></script> diff --git a/third_party/WebKit/LayoutTests/transitions/transition-end-event-multiple-04-expected.txt b/third_party/WebKit/LayoutTests/transitions/transition-end-event-multiple-04-expected.txt index 93603c6..6ed6d56 100644 --- a/third_party/WebKit/LayoutTests/transitions/transition-end-event-multiple-04-expected.txt +++ b/third_party/WebKit/LayoutTests/transitions/transition-end-event-multiple-04-expected.txt @@ -1,6 +1,6 @@ Initiating transitions on transform properties of all boxes, starting at different times and with different durations and values. -PASS --- [Expected] Property: -webkit-transform Target: box1 Elapsed Time: 0.5 -PASS --- [Expected] Property: -webkit-transform Target: box2 Elapsed Time: 0.55 -PASS --- [Expected] Property: -webkit-transform Target: box4 Elapsed Time: 0.4 +PASS --- [Expected] Property: transform Target: box1 Elapsed Time: 0.5 +PASS --- [Expected] Property: transform Target: box2 Elapsed Time: 0.55 +PASS --- [Expected] Property: transform Target: box4 Elapsed Time: 0.4 diff --git a/third_party/WebKit/LayoutTests/transitions/transition-end-event-multiple-04.html b/third_party/WebKit/LayoutTests/transitions/transition-end-event-multiple-04.html index 623b1a1..ef56c63 100644 --- a/third_party/WebKit/LayoutTests/transitions/transition-end-event-multiple-04.html +++ b/third_party/WebKit/LayoutTests/transitions/transition-end-event-multiple-04.html @@ -8,27 +8,27 @@ width: 100px; margin: 10px; background-color: blue; - -webkit-transform: translate(0); - -webkit-transition-property: -webkit-transform; + transform: translate(0); + -webkit-transition-property: transform; -webkit-transition-duration: 0.5s; } .box1 { - -webkit-transform: translate(50px); + transform: translate(50px); } .box2 { - -webkit-transform: translate(50px) scale(1.05); + transform: translate(50px) scale(1.05); -webkit-transition-duration: 0.55s; } .box3 { - -webkit-transform: translate(0); /* same as default */ + transform: translate(0); /* same as default */ -webkit-transition-duration: 0.3s; } .box4 { - -webkit-transform: translate(100px); + transform: translate(100px); -webkit-transition-duration: 0.4s; } @@ -42,9 +42,9 @@ var expectedEndEvents = [ // [property-name, element-id, elapsed-time, listen] - ["-webkit-transform", "box1", 0.5, false], - ["-webkit-transform", "box2", 0.55, false], - ["-webkit-transform", "box4", 0.4, false] + ["transform", "box1", 0.5, false], + ["transform", "box2", 0.55, false], + ["transform", "box4", 0.4, false] ]; function transitionElement(index) diff --git a/third_party/WebKit/LayoutTests/transitions/transition-end-event-rendering.html b/third_party/WebKit/LayoutTests/transitions/transition-end-event-rendering.html index ead97c5..010a073 100644 --- a/third_party/WebKit/LayoutTests/transitions/transition-end-event-rendering.html +++ b/third_party/WebKit/LayoutTests/transitions/transition-end-event-rendering.html @@ -27,7 +27,7 @@ } #container.moved .hardware { - -webkit-transform: translateX(300px); + transform: translateX(300px); } .software { @@ -35,8 +35,8 @@ } .hardware { - -webkit-transition: -webkit-transform 1s linear; - -webkit-transform: translateX(0); + -webkit-transition: transform 1s linear; + transform: translateX(0); } </style> diff --git a/third_party/WebKit/LayoutTests/transitions/transition-end-event-transform-expected.txt b/third_party/WebKit/LayoutTests/transitions/transition-end-event-transform-expected.txt index 887b0d5..ab25ec1 100644 --- a/third_party/WebKit/LayoutTests/transitions/transition-end-event-transform-expected.txt +++ b/third_party/WebKit/LayoutTests/transitions/transition-end-event-transform-expected.txt @@ -1,4 +1,4 @@ Initiating a 500ms transition on the transform property of box1. -PASS --- [Expected] Property: -webkit-transform Target: box1 Elapsed Time: 0.5 +PASS --- [Expected] Property: transform Target: box1 Elapsed Time: 0.5 diff --git a/third_party/WebKit/LayoutTests/transitions/transition-end-event-transform.html b/third_party/WebKit/LayoutTests/transitions/transition-end-event-transform.html index c3803bc..abd4e76 100644 --- a/third_party/WebKit/LayoutTests/transitions/transition-end-event-transform.html +++ b/third_party/WebKit/LayoutTests/transitions/transition-end-event-transform.html @@ -8,9 +8,9 @@ width: 100px; margin: 10px; background-color: blue; - -webkit-transition-property: -webkit-transform; + -webkit-transition-property: transform; -webkit-transition-duration: 0.5s; - -webkit-transform: translate(100px); + transform: translate(100px); } </style> <script src="transition-end-event-helpers.js"></script> @@ -18,7 +18,7 @@ var expectedEndEvents = [ // [property-name, element-id, elapsed-time, listen] - ["-webkit-transform", "box1", 0.5, true] + ["transform", "box1", 0.5, true] ]; function setupTest() diff --git a/third_party/WebKit/LayoutTests/transitions/transition-hit-test-transform-expected.txt b/third_party/WebKit/LayoutTests/transitions/transition-hit-test-transform-expected.txt index ac74019..2a5f784 100644 --- a/third_party/WebKit/LayoutTests/transitions/transition-hit-test-transform-expected.txt +++ b/third_party/WebKit/LayoutTests/transitions/transition-hit-test-transform-expected.txt @@ -1,4 +1,4 @@ -This test starts a transition of the '-webkit-transform' property and then does elementFromPoint calls at the shown yellow dots to see if hit testing works +This test starts a transition of the 'transform' property and then does elementFromPoint calls at the shown yellow dots to see if hit testing works PASS - 150px was outside as it should be PASS - 300px was inside as it should be PASS - 450px was outside as it should be diff --git a/third_party/WebKit/LayoutTests/transitions/transition-hit-test-transform.html b/third_party/WebKit/LayoutTests/transitions/transition-hit-test-transform.html index 69cded3..dba5549 100644 --- a/third_party/WebKit/LayoutTests/transitions/transition-hit-test-transform.html +++ b/third_party/WebKit/LayoutTests/transitions/transition-hit-test-transform.html @@ -9,8 +9,8 @@ height: 200px; width: 200px; background-color: red; - -webkit-transform: translateX(100px); - -webkit-transition-property: -webkit-transform; + transform: translateX(100px); + -webkit-transition-property: transform; -webkit-transition-duration: 4s; -webkit-transition-timing-function: linear; } @@ -73,7 +73,7 @@ </head> <body onload="startTest()"> <div> - This test starts a transition of the '-webkit-transform' property and then does elementFromPoint calls + This test starts a transition of the 'transform' property and then does elementFromPoint calls at the shown yellow dots to see if hit testing works </div> <div id="target"></div> diff --git a/third_party/WebKit/LayoutTests/transitions/transition-transform-translate-calculated-length-crash.html b/third_party/WebKit/LayoutTests/transitions/transition-transform-translate-calculated-length-crash.html index 5870d97..0bd4a00 100644 --- a/third_party/WebKit/LayoutTests/transitions/transition-transform-translate-calculated-length-crash.html +++ b/third_party/WebKit/LayoutTests/transitions/transition-transform-translate-calculated-length-crash.html @@ -1,10 +1,10 @@ <!DOCTYPE html> <style> div { - -webkit-transition: -webkit-transform 50ms; + -webkit-transition: transform 50ms; } #div2 { - -webkit-transform: translate(calc(10% + 10px)); + transform: translate(calc(10% + 10px)); } </style> <body> @@ -17,6 +17,6 @@ if (window.testRunner) testRunner.dumpAsText(); - document.getElementById("div1").style.webkitTransform = "translate(calc(10% + 20px))"; - document.getElementById("div2").style.webkitTransform = "none"; + document.getElementById("div1").style.transform = "translate(calc(10% + 20px))"; + document.getElementById("div2").style.transform = "none"; </script> diff --git a/third_party/WebKit/LayoutTests/virtual/implsidepainting/inspector/tracing/paint-command-log-nodes.html b/third_party/WebKit/LayoutTests/virtual/implsidepainting/inspector/tracing/paint-command-log-nodes.html index 0f7a22e..41f0c80 100644 --- a/third_party/WebKit/LayoutTests/virtual/implsidepainting/inspector/tracing/paint-command-log-nodes.html +++ b/third_party/WebKit/LayoutTests/virtual/implsidepainting/inspector/tracing/paint-command-log-nodes.html @@ -92,7 +92,7 @@ function test() <p> Tests snapshot command log for trace-based Timeline paint event </p> -<div id="a" style="visibility:hidden; -webkit-transform: translateZ(0px); background-color:blue; width:100px; height:100px;"> +<div id="a" style="visibility:hidden; transform: translateZ(0px); background-color:blue; width:100px; height:100px;"> <div id="b" style="width:50px; height:50px; background-color:red;"></div> <img id="c" src="../timeline/resources/test.png"> <svg id="d"> diff --git a/third_party/WebKit/ManualTests/animate-duration.html b/third_party/WebKit/ManualTests/animate-duration.html index d8bf81e..6a1ab00 100644 --- a/third_party/WebKit/ManualTests/animate-duration.html +++ b/third_party/WebKit/ManualTests/animate-duration.html @@ -38,8 +38,8 @@ } @-webkit-keyframes slide { - from { -webkit-transform: translateX(0); } - to { -webkit-transform: translateX(280px); } + from { transform: translateX(0); } + to { transform: translateX(280px); } } </style> diff --git a/third_party/WebKit/ManualTests/animate-none.html b/third_party/WebKit/ManualTests/animate-none.html index 4cb2c8b..f3e7b22 100644 --- a/third_party/WebKit/ManualTests/animate-none.html +++ b/third_party/WebKit/ManualTests/animate-none.html @@ -20,10 +20,10 @@ @-webkit-keyframes 'fail' { from { - -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); } to { - -webkit-transform: rotate(90deg); + transform: rotate(90deg); } } @@ -39,10 +39,10 @@ @-webkit-keyframes 'sway1' { from { - -webkit-transform: translate(0, 0); + transform: translate(0, 0); } to { - -webkit-transform: translate(200px, 0); + transform: translate(200px, 0); } } @@ -58,10 +58,10 @@ @-webkit-keyframes 'sway2' { from { - -webkit-transform: translate(0px, 0); + transform: translate(0px, 0); } to { - -webkit-transform: translate(200px, 0); + transform: translate(200px, 0); } } @@ -77,10 +77,10 @@ @-webkit-keyframes 'sway3' { from { - -webkit-transform: translate(0px, 0); + transform: translate(0px, 0); } to { - -webkit-transform: translate(200px, 0); + transform: translate(200px, 0); } } @@ -116,10 +116,10 @@ @-webkit-keyframes 'sway6' { from { - -webkit-transform: translate(0px, 0); + transform: translate(0px, 0); } to { - -webkit-transform: translate(200px, 0); + transform: translate(200px, 0); } } @@ -135,10 +135,10 @@ /* set up animation that should never be run */ @-webkit-keyframes none { from { - -webkit-transform: translate(200px, 0) rotate(-90deg); + transform: translate(200px, 0) rotate(-90deg); } to { - -webkit-transform: translate(0px, 0) rotate(90deg); + transform: translate(0px, 0) rotate(90deg); } } diff --git a/third_party/WebKit/ManualTests/animated-gif-on-compositing-layer.html b/third_party/WebKit/ManualTests/animated-gif-on-compositing-layer.html index 4dc2d0b..6a3b926 100644 --- a/third_party/WebKit/ManualTests/animated-gif-on-compositing-layer.html +++ b/third_party/WebKit/ManualTests/animated-gif-on-compositing-layer.html @@ -4,7 +4,7 @@ .compositing { top: 0px; left: 0px; - -webkit-transform:translateZ(0); + transform:translateZ(0); } </style> </head><body> diff --git a/third_party/WebKit/ManualTests/animation/animation-direction-reverse-timing-functions-hardware.html b/third_party/WebKit/ManualTests/animation/animation-direction-reverse-timing-functions-hardware.html index cf2b95b..db8573e 100644 --- a/third_party/WebKit/ManualTests/animation/animation-direction-reverse-timing-functions-hardware.html +++ b/third_party/WebKit/ManualTests/animation/animation-direction-reverse-timing-functions-hardware.html @@ -43,19 +43,19 @@ } .expected { - -webkit-transform: translateX(100px); + transform: translateX(100px); } #normal .expected.delay_six_thirds { - -webkit-transform: translateX(200px); + transform: translateX(200px); } #alternate .expected.delay_three_thirds { - -webkit-transform: translateX(200px); + transform: translateX(200px); } #reverse .expected.delay_zero, #reverse .expected.delay_three_thirds { - -webkit-transform: translateX(200px); + transform: translateX(200px); } #alternate-reverse .expected.delay_zero, #alternate-reverse .expected.delay_six_thirds { - -webkit-transform: translateX(200px); + transform: translateX(200px); } #normal div { @@ -72,8 +72,8 @@ } @-webkit-keyframes move { - from { -webkit-transform: translateX(100px); } - to { -webkit-transform: translateX(200px); } + from { transform: translateX(100px); } + to { transform: translateX(200px); } } </style> </head> diff --git a/third_party/WebKit/ManualTests/animation/compositor-animation-delay.html b/third_party/WebKit/ManualTests/animation/compositor-animation-delay.html index e502c26..089880a 100644 --- a/third_party/WebKit/ManualTests/animation/compositor-animation-delay.html +++ b/third_party/WebKit/ManualTests/animation/compositor-animation-delay.html @@ -5,7 +5,7 @@ div { height: 100px; width: 100px; background: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); -webkit-animation-direction: alternate; -webkit-animation-duration: 2s; -webkit-animation-timing-function: linear; @@ -49,10 +49,10 @@ div { @-webkit-keyframes anim-transform { 0% { - -webkit-transform: translateX(0px); + transform: translateX(0px); } 100% { - -webkit-transform: translateX(300px); + transform: translateX(300px); } } </style> diff --git a/third_party/WebKit/ManualTests/animation/compositor-animation-iteration-count.html b/third_party/WebKit/ManualTests/animation/compositor-animation-iteration-count.html index 9951ce2..a6659c2 100644 --- a/third_party/WebKit/ManualTests/animation/compositor-animation-iteration-count.html +++ b/third_party/WebKit/ManualTests/animation/compositor-animation-iteration-count.html @@ -5,7 +5,7 @@ div { height: 100px; width: 100px; background: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); -webkit-animation-direction: alternate; -webkit-animation-duration: 2s; -webkit-animation-timing-function: linear; @@ -57,10 +57,10 @@ div { @-webkit-keyframes anim-transform { 0% { - -webkit-transform: translateX(0px); + transform: translateX(0px); } 100% { - -webkit-transform: translateX(300px); + transform: translateX(300px); } } </style> diff --git a/third_party/WebKit/ManualTests/animation/transitions-and-paused-animations.html b/third_party/WebKit/ManualTests/animation/transitions-and-paused-animations.html index 388d837..a1e2e53b7 100644 --- a/third_party/WebKit/ManualTests/animation/transitions-and-paused-animations.html +++ b/third_party/WebKit/ManualTests/animation/transitions-and-paused-animations.html @@ -15,7 +15,7 @@ } .moved { - -webkit-transform: translateX(100px); + transform: translateX(100px); } .box { @@ -24,7 +24,7 @@ width: 100px; margin: 50px; background-color: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); -webkit-animation: fade 1s infinite linear alternate; } @@ -33,8 +33,8 @@ } @-webkit-keyframes fade { - from { -webkit-transform: rotate(-20deg); } - to { -webkit-transform: rotate(20deg); } + from { transform: rotate(-20deg); } + to { transform: rotate(20deg); } } </style> <script type="text/javascript" charset="utf-8"> diff --git a/third_party/WebKit/ManualTests/autocorrection/autocorrection-in-iframe.html b/third_party/WebKit/ManualTests/autocorrection/autocorrection-in-iframe.html index c4ebbcf..7e5de23 100644 --- a/third_party/WebKit/ManualTests/autocorrection/autocorrection-in-iframe.html +++ b/third_party/WebKit/ManualTests/autocorrection/autocorrection-in-iframe.html @@ -9,7 +9,7 @@ <br> <br> <br> -<div style="-webkit-transform: translate(100px, 100px) rotate(20deg)"> +<div style="transform: translate(100px, 100px) rotate(20deg)"> <iframe src="document-for-iframe-test.html"></iframe> </div> </body> diff --git a/third_party/WebKit/ManualTests/canvas-mask-redraw.html b/third_party/WebKit/ManualTests/canvas-mask-redraw.html index f166b3a..315ede2 100644 --- a/third_party/WebKit/ManualTests/canvas-mask-redraw.html +++ b/third_party/WebKit/ManualTests/canvas-mask-redraw.html @@ -13,7 +13,7 @@ } .masked { -/* -webkit-transform: rotate(10deg);*/ +/* transform: rotate(10deg);*/ -webkit-mask: -webkit-canvas(canvas1); } </style> diff --git a/third_party/WebKit/ManualTests/compositing/assert-on-tab-switch.html b/third_party/WebKit/ManualTests/compositing/assert-on-tab-switch.html index 5b82c49..77814ee 100644 --- a/third_party/WebKit/ManualTests/compositing/assert-on-tab-switch.html +++ b/third_party/WebKit/ManualTests/compositing/assert-on-tab-switch.html @@ -7,7 +7,7 @@ width: 100px; height: 100px; background-color: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/ManualTests/compositing/font-smoothing.html b/third_party/WebKit/ManualTests/compositing/font-smoothing.html index fce444e..00ddfd3 100644 --- a/third_party/WebKit/ManualTests/compositing/font-smoothing.html +++ b/third_party/WebKit/ManualTests/compositing/font-smoothing.html @@ -8,7 +8,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); background-color: white; } diff --git a/third_party/WebKit/ManualTests/compositing/missing-iframe-contents.html b/third_party/WebKit/ManualTests/compositing/missing-iframe-contents.html index d769e43..e60437c 100644 --- a/third_party/WebKit/ManualTests/compositing/missing-iframe-contents.html +++ b/third_party/WebKit/ManualTests/compositing/missing-iframe-contents.html @@ -10,7 +10,7 @@ height: 150px; width: 300px; -webkit-box-shadow: 0 0 20px black; - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/ManualTests/compositing/requires-backing-change.html b/third_party/WebKit/ManualTests/compositing/requires-backing-change.html index d065ac1..94ba59e 100644 --- a/third_party/WebKit/ManualTests/compositing/requires-backing-change.html +++ b/third_party/WebKit/ManualTests/compositing/requires-backing-change.html @@ -11,7 +11,7 @@ } #container.transformed, #container2.transformed { - -webkit-transform: translateX(0); + transform: translateX(0); } .box { diff --git a/third_party/WebKit/ManualTests/compositing/resources/composited-subframe.html b/third_party/WebKit/ManualTests/compositing/resources/composited-subframe.html index 4a4f53e..92b3b7f 100644 --- a/third_party/WebKit/ManualTests/compositing/resources/composited-subframe.html +++ b/third_party/WebKit/ManualTests/compositing/resources/composited-subframe.html @@ -11,11 +11,11 @@ margin: 10px; padding: 5px; background-color: blue; - -webkit-transform: translateZ(0); + transform: translateZ(0); overflow:hidden; } .box:hover { - -webkit-transform: none; + transform: none; } </style> </head> diff --git a/third_party/WebKit/ManualTests/compositing/resources/editable-compositing-subframe.html b/third_party/WebKit/ManualTests/compositing/resources/editable-compositing-subframe.html index 24b43e8..8325e01 100644 --- a/third_party/WebKit/ManualTests/compositing/resources/editable-compositing-subframe.html +++ b/third_party/WebKit/ManualTests/compositing/resources/editable-compositing-subframe.html @@ -1,7 +1,7 @@ <style type="text/css" media="screen"> #editable { height: 100px; - -webkit-transform: translateZ(0px); + transform: translateZ(0px); } </style> <div id="editable" contenteditable="true"> diff --git a/third_party/WebKit/ManualTests/compositing/show-composited-iframe-on-back-button.html b/third_party/WebKit/ManualTests/compositing/show-composited-iframe-on-back-button.html index fff8888..921cc10 100644 --- a/third_party/WebKit/ManualTests/compositing/show-composited-iframe-on-back-button.html +++ b/third_party/WebKit/ManualTests/compositing/show-composited-iframe-on-back-button.html @@ -15,7 +15,7 @@ background-color: red; width: 100px; height: 100px; - -webkit-transform: translateZ(0); + transform: translateZ(0); } iframe { margin: 20px; @@ -25,7 +25,7 @@ } .composited { - -webkit-transform: translateZ(0); + transform: translateZ(0); } </style> diff --git a/third_party/WebKit/ManualTests/computed-transform-value.html b/third_party/WebKit/ManualTests/computed-transform-value.html index 5d7e622..cea435c 100644 --- a/third_party/WebKit/ManualTests/computed-transform-value.html +++ b/third_party/WebKit/ManualTests/computed-transform-value.html @@ -26,22 +26,22 @@ <h1>Testing transform computed style</h1> <p>All boxes are 200x200 pixels. When you click on an element, the computed transform style will be displayed below</p> -<p id="output">Computed style for -webkit-transform displayed here</p> +<p id="output">Computed style for transform displayed here</p> -<div class="box" style="position: absolute; left: 100px; top: 200px; -webkit-transform: scale(1.5, 0.75)"> +<div class="box" style="position: absolute; left: 100px; top: 200px; transform: scale(1.5, 0.75)"> scale(1.5, 0.75) </div> -<div class="box" style="position: absolute; left: 400px; top: 200px; -webkit-transform: rotate(30deg)"> +<div class="box" style="position: absolute; left: 400px; top: 200px; transform: rotate(30deg)"> rotate(30deg) </div> -<div class="box" style="position: absolute; left: 100px; top: 400px; -webkit-transform: translate(50px, 80px)"> +<div class="box" style="position: absolute; left: 100px; top: 400px; transform: translate(50px, 80px)"> translate(50px, 80px) </div> -<div class="box" style="position: absolute; left: 400px; top: 400px; -webkit-transform: translate(10px, 50px) scale(0.8) rotate(-10deg)"> +<div class="box" style="position: absolute; left: 400px; top: 400px; transform: translate(10px, 50px) scale(0.8) rotate(-10deg)"> translate(10px, 50px) scale(0.8) rotate(-10deg) </div> diff --git a/third_party/WebKit/ManualTests/crash-and-no-repaint-after-wake-from-sleep.html b/third_party/WebKit/ManualTests/crash-and-no-repaint-after-wake-from-sleep.html index c0ccb12..60ac434 100644 --- a/third_party/WebKit/ManualTests/crash-and-no-repaint-after-wake-from-sleep.html +++ b/third_party/WebKit/ManualTests/crash-and-no-repaint-after-wake-from-sleep.html @@ -111,21 +111,21 @@ */ @-webkit-keyframes x-spin { - 0% { -webkit-transform: rotateX(0deg); } - 50% { -webkit-transform: rotateX(180deg); } - 100% { -webkit-transform: rotateX(360deg); } + 0% { transform: rotateX(0deg); } + 50% { transform: rotateX(180deg); } + 100% { transform: rotateX(360deg); } } @-webkit-keyframes y-spin { - 0% { -webkit-transform: rotateY(0deg); } - 50% { -webkit-transform: rotateY(180deg); } - 100% { -webkit-transform: rotateY(360deg); } + 0% { transform: rotateY(0deg); } + 50% { transform: rotateY(180deg); } + 100% { transform: rotateY(360deg); } } @-webkit-keyframes back-y-spin { - 0% { -webkit-transform: rotateY(360deg); } - 50% { -webkit-transform: rotateY(180deg); } - 100% { -webkit-transform: rotateY(0deg); } + 0% { transform: rotateY(360deg); } + 50% { transform: rotateY(180deg); } + 100% { transform: rotateY(0deg); } } </style> diff --git a/third_party/WebKit/ManualTests/inline-repaint-container.html b/third_party/WebKit/ManualTests/inline-repaint-container.html index e1f19c9..5e68263 100644 --- a/third_party/WebKit/ManualTests/inline-repaint-container.html +++ b/third_party/WebKit/ManualTests/inline-repaint-container.html @@ -1,4 +1,4 @@ -<div style="-webkit-transform: translatez(0)"> +<div style="transform: translatez(0)"> </div> <div style="position: relative;"> <span style="position: relative; z-index: 10; top: 40px; left: 30px;"> diff --git a/third_party/WebKit/ManualTests/inspector/highlight-nodes.html b/third_party/WebKit/ManualTests/inspector/highlight-nodes.html index 6712b3a..997251a 100644 --- a/third_party/WebKit/ManualTests/inspector/highlight-nodes.html +++ b/third_party/WebKit/ManualTests/inspector/highlight-nodes.html @@ -1,6 +1,6 @@ <style> .skewed { - -webkit-transform:skew(-5deg,-5deg); + transform:skew(-5deg,-5deg); } </style> <p>This page has basic tests of node highlighting in the inspected page. To tests, load this page, open the inspector and mouseover the nodes in the treeview of the inspector. You should see the highlights happen with the appropriate padding/border/margin/content highlights.</p> @@ -12,12 +12,12 @@ <div style="border: 10px solid;">border: 10px;</div> <div style="margin: 10px;">margin: 10px;</div> <div>no padding, border, or margin</div> -<div class=skewed style="padding:10px; border: 10px solid; margin: 10px;">-webkit-transform:skew(-5deg,-5deg); padding:10px; border: 10px; margin: 10px;</div> -<div class=skewed style="padding:10px; border: 10px solid;">-webkit-transform:skew(-5deg,-5deg); padding:10px; border: 10px;</div> -<div class=skewed style="padding:10px; margin: 10px;">-webkit-transform:skew(-5deg,-5deg); padding:10px; margin: 10px;</div> -<div class=skewed style="border: 10px solid; margin: 10px;">-webkit-transform:skew(-5deg,-5deg); border: 10px; margin: 10px;</div> -<div class=skewed style="padding:10px">-webkit-transform:skew(-5deg,-5deg); padding:10px;</div> -<div class=skewed style="border: 10px solid;">-webkit-transform:skew(-5deg,-5deg); border: 10px;</div> -<div class=skewed style="margin: 10px;">-webkit-transform:skew(-5deg,-5deg); margin: 10px;</div> -<div class=skewed >-webkit-transform:skew(-5deg,-5deg); no padding, border, or margin</div> +<div class=skewed style="padding:10px; border: 10px solid; margin: 10px;">transform:skew(-5deg,-5deg); padding:10px; border: 10px; margin: 10px;</div> +<div class=skewed style="padding:10px; border: 10px solid;">transform:skew(-5deg,-5deg); padding:10px; border: 10px;</div> +<div class=skewed style="padding:10px; margin: 10px;">transform:skew(-5deg,-5deg); padding:10px; margin: 10px;</div> +<div class=skewed style="border: 10px solid; margin: 10px;">transform:skew(-5deg,-5deg); border: 10px; margin: 10px;</div> +<div class=skewed style="padding:10px">transform:skew(-5deg,-5deg); padding:10px;</div> +<div class=skewed style="border: 10px solid;">transform:skew(-5deg,-5deg); border: 10px;</div> +<div class=skewed style="margin: 10px;">transform:skew(-5deg,-5deg); margin: 10px;</div> +<div class=skewed >transform:skew(-5deg,-5deg); no padding, border, or margin</div> diff --git a/third_party/WebKit/ManualTests/interrupted-compound-transform.html b/third_party/WebKit/ManualTests/interrupted-compound-transform.html index 7dafb73..dbd5646 100644 --- a/third_party/WebKit/ManualTests/interrupted-compound-transform.html +++ b/third_party/WebKit/ManualTests/interrupted-compound-transform.html @@ -11,16 +11,16 @@ height: 400px; margin: 20px; border: 1px solid black; - -webkit-perspective: 800; + perspective: 800; } #tester { width: 300px; height: 300px; margin: 50px; background-color: blue; - -webkit-transition: -webkit-transform 3s linear; - -webkit-transform: rotateX(65deg) translateZ(75px) rotateZ(0deg); - -webkit-transform-style: preserve-3d; + -webkit-transition: transform 3s linear; + transform: rotateX(65deg) translateZ(75px) rotateZ(0deg); + transform-style: preserve-3d; } #pos1 { position:absolute; @@ -28,8 +28,8 @@ height: 300px; margin: 50px; border: 2px solid #F00; - -webkit-transform: rotateX(65deg) translateZ(75px) rotateZ(118deg); - -webkit-transform-style: preserve-3d; + transform: rotateX(65deg) translateZ(75px) rotateZ(118deg); + transform-style: preserve-3d; } #pos2 { position:absolute; @@ -37,15 +37,15 @@ height: 300px; margin: 50px; border: 2px solid #0F0; - -webkit-transform: rotateX(65deg) translateZ(75px) rotateZ(80deg); - -webkit-transform-style: preserve-3d; + transform: rotateX(65deg) translateZ(75px) rotateZ(80deg); + transform-style: preserve-3d; } </style> <script type="text/javascript" charset="utf-8"> function setAngle(index) { var tester = document.getElementById('tester'); - tester.style.webkitTransform = "rotateX(65deg) translateZ(75px) rotateZ(" + index + "deg)"; + tester.style.transform = "rotateX(65deg) translateZ(75px) rotateZ(" + index + "deg)"; } function runTest() diff --git a/third_party/WebKit/ManualTests/no-repaint-after-wake-from-sleep.html b/third_party/WebKit/ManualTests/no-repaint-after-wake-from-sleep.html index 0c0f161..4d32288 100644 --- a/third_party/WebKit/ManualTests/no-repaint-after-wake-from-sleep.html +++ b/third_party/WebKit/ManualTests/no-repaint-after-wake-from-sleep.html @@ -110,21 +110,21 @@ */ @-webkit-keyframes x-spin { - 0% { -webkit-transform: rotateX(0deg); } - 50% { -webkit-transform: rotateX(180deg); } - 100% { -webkit-transform: rotateX(360deg); } + 0% { transform: rotateX(0deg); } + 50% { transform: rotateX(180deg); } + 100% { transform: rotateX(360deg); } } @-webkit-keyframes y-spin { - 0% { -webkit-transform: rotateY(0deg); } - 50% { -webkit-transform: rotateY(180deg); } - 100% { -webkit-transform: rotateY(360deg); } + 0% { transform: rotateY(0deg); } + 50% { transform: rotateY(180deg); } + 100% { transform: rotateY(360deg); } } @-webkit-keyframes back-y-spin { - 0% { -webkit-transform: rotateY(360deg); } - 50% { -webkit-transform: rotateY(180deg); } - 100% { -webkit-transform: rotateY(0deg); } + 0% { transform: rotateY(360deg); } + 50% { transform: rotateY(180deg); } + 100% { transform: rotateY(0deg); } } </style> diff --git a/third_party/WebKit/ManualTests/remove-fixed-position-but-keep-compositing.html b/third_party/WebKit/ManualTests/remove-fixed-position-but-keep-compositing.html index a2dbc44..3067fa9 100644 --- a/third_party/WebKit/ManualTests/remove-fixed-position-but-keep-compositing.html +++ b/third_party/WebKit/ManualTests/remove-fixed-position-but-keep-compositing.html @@ -5,10 +5,10 @@ <button id="toggle">Toggle</button> <p> - The black rectangle starts fixed, and due to a -webkit-transform will be composited. Toggle to unfix it and scroll: the black rectangle should scroll with the page and not overlap the numbers. + The black rectangle starts fixed, and due to a transform will be composited. Toggle to unfix it and scroll: the black rectangle should scroll with the page and not overlap the numbers. </p> - <div id="rect" style="background-color: black; width: 200px; height: 200px; position: fixed; -webkit-transform: translate3d(0,0,0)"> + <div id="rect" style="background-color: black; width: 200px; height: 200px; position: fixed; transform: translate3d(0,0,0)"> </div> 1<br> diff --git a/third_party/WebKit/ManualTests/scrollbars/scrollbars-in-composited-layers.html b/third_party/WebKit/ManualTests/scrollbars/scrollbars-in-composited-layers.html index b45d8352..5045236 100644 --- a/third_party/WebKit/ManualTests/scrollbars/scrollbars-in-composited-layers.html +++ b/third_party/WebKit/ManualTests/scrollbars/scrollbars-in-composited-layers.html @@ -10,12 +10,12 @@ margin: 15px; padding: 5px; overflow-y: scroll; - -webkit-transform: translateZ(0); + transform: translateZ(0); box-shadow: 0 0 15px black; } .rotated { - -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); } .scroll > div { background-color: silver; diff --git a/third_party/WebKit/ManualTests/simple-image-compositing.html b/third_party/WebKit/ManualTests/simple-image-compositing.html index e44ffed..19fa29d 100644 --- a/third_party/WebKit/ManualTests/simple-image-compositing.html +++ b/third_party/WebKit/ManualTests/simple-image-compositing.html @@ -17,7 +17,7 @@ height: 180px; } img { - -webkit-transform: rotate3d(0, 0, 1, 0); + transform: rotate3d(0, 0, 1, 0); } </style> </head> @@ -65,7 +65,7 @@ defaults write com.apple.Safari WebCoreLayerBorders -bool yes </p> <p> - <img src="resources/simple_image.png" style="-webkit-transform: rotate3d(0, 0, 1, 10deg);"> + <img src="resources/simple_image.png" style="transform: rotate3d(0, 0, 1, 10deg);"> rotated but otherwise no style - can be directly composited </p> diff --git a/third_party/WebKit/ManualTests/svg-animation-css-transform.html b/third_party/WebKit/ManualTests/svg-animation-css-transform.html index 320cdcb..e046840 100644 --- a/third_party/WebKit/ManualTests/svg-animation-css-transform.html +++ b/third_party/WebKit/ManualTests/svg-animation-css-transform.html @@ -12,7 +12,7 @@ <p>The rotated rect should from 0,0 to 100,0 over 3 seconds.</p> <svg xmlns='http://www.w3.org/2000/svg'> - <rect id="target" width='100' height='100' stroke="blue" fill="none" style="-webkit-transform: rotate(45deg)"> + <rect id="target" width='100' height='100' stroke="blue" fill="none" style="transform: rotate(45deg)"> <animateMotion to='100,0' dur='3s' /> </rect> </svg> diff --git a/third_party/WebKit/ManualTests/svg-css-animate-compound.html b/third_party/WebKit/ManualTests/svg-css-animate-compound.html index 23b84fb..254e541 100644 --- a/third_party/WebKit/ManualTests/svg-css-animate-compound.html +++ b/third_party/WebKit/ManualTests/svg-css-animate-compound.html @@ -48,10 +48,10 @@ @-webkit-keyframes bounce { from { - -webkit-transform: translate(0px, 0px) scale(1) rotate(0deg); + transform: translate(0px, 0px) scale(1) rotate(0deg); } to { - -webkit-transform: translate(75px, 25px) scale(2) rotate(45deg); + transform: translate(75px, 25px) scale(2) rotate(45deg); } } </style> diff --git a/third_party/WebKit/ManualTests/transition-accelerated.html b/third_party/WebKit/ManualTests/transition-accelerated.html index a898c29..54ac380 100644 --- a/third_party/WebKit/ManualTests/transition-accelerated.html +++ b/third_party/WebKit/ManualTests/transition-accelerated.html @@ -30,10 +30,10 @@ @-webkit-keyframes fast { from { - -webkit-transform: translateX(0); + transform: translateX(0); } to { - -webkit-transform: translateX(400px); + transform: translateX(400px); } } </style> diff --git a/third_party/WebKit/ManualTests/transition-delay.html b/third_party/WebKit/ManualTests/transition-delay.html index 006c798..03e66d6 100644 --- a/third_party/WebKit/ManualTests/transition-delay.html +++ b/third_party/WebKit/ManualTests/transition-delay.html @@ -23,8 +23,8 @@ } #container.slide > .box { - -webkit-transform: translateX(380px); - -webkit-transition-property: -webkit-transform; + transform: translateX(380px); + -webkit-transition-property: transform; -webkit-transition-duration: 2s; } diff --git a/third_party/WebKit/ManualTests/win/milliondollar.html b/third_party/WebKit/ManualTests/win/milliondollar.html index e1d51ff..e18baf9 100644 --- a/third_party/WebKit/ManualTests/win/milliondollar.html +++ b/third_party/WebKit/ManualTests/win/milliondollar.html @@ -13,12 +13,12 @@ .row {background:url(100grid_inv.png) #000;height: 100px; text-align: left; position:relative;width:1000px;z-index:10;} #lq {width:1000px;position:relative;z-index:0;text-align:left;} .bz {-webkit-perspective: 1500;-webkit-perspective-origin: 50% 325px;} - .fc {-webkit-transform-style: preserve-3d;-webkit-transform: rotateY(0deg) ;opacity: 1.0;} + .fc {-webkit-transform-style: preserve-3d;transform: rotateY(0deg) ;opacity: 1.0;} @-webkit-keyframes spin_3d { - 0% { -webkit-transform: rotateY(0) rotateZ(0); } - 33% { -webkit-transform: rotateY(-20deg) rotateZ(-20deg); } - 65% { -webkit-transform: rotateY(20deg) rotateZ(20deg); } - 100% { -webkit-transform: rotateY(0deg) rotateZ(0deg); } + 0% { transform: rotateY(0) rotateZ(0); } + 33% { transform: rotateY(-20deg) rotateZ(-20deg); } + 65% { transform: rotateY(20deg) rotateZ(20deg); } + 100% { transform: rotateY(0deg) rotateZ(0deg); } } .plane > a {display:block;height:100%;width:100%;} .plane { @@ -110,7 +110,7 @@ function loadBlocks() { function addBlock(x1,y1,xf,qp,dw) { - return "<div class='a_cube'><div class='plane one' style='background-color: red;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;-webkit-transform:rotateY(90deg) rotateZ(-90deg) translateX(0px) translateY(-"+(dw/2)+"px) translateZ("+(dw/2)+"px) translateY(0px);position:absolute;'></div><div class='plane two' style='background-color: blue;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;-webkit-transform:rotateY(90deg) rotateX(180deg) rotateZ(-90deg) translateX(0px) translateY(-"+(dw/2)+"px) translateZ("+(dw/2)+"px) translateY(0px);position:absolute;'></div><div class='plane three' style='background-color: green;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;-webkit-transform:rotateX(-90deg) translateX(0px) translateZ("+(dw/2)+"px) translateY(-"+(dw/2)+"px);position:absolute;'></div><div class='plane four' style='background-color: yellow;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;-webkit-transform:rotateY(90deg) rotateX(90deg) rotateZ(-90deg) translateY(-"+(dw/2)+"px) translateX(0px) translateZ("+(dw/2)+"px) translateY(0px);position:absolute;'></div><div class='plane five' style='background-color: gray;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;-webkit-transform:rotateY(0deg) translateX(0px) translateZ("+(dw)+"px) translateY(0px);position:absolute;'></div></div>"; + return "<div class='a_cube'><div class='plane one' style='background-color: red;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;transform:rotateY(90deg) rotateZ(-90deg) translateX(0px) translateY(-"+(dw/2)+"px) translateZ("+(dw/2)+"px) translateY(0px);position:absolute;'></div><div class='plane two' style='background-color: blue;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;transform:rotateY(90deg) rotateX(180deg) rotateZ(-90deg) translateX(0px) translateY(-"+(dw/2)+"px) translateZ("+(dw/2)+"px) translateY(0px);position:absolute;'></div><div class='plane three' style='background-color: green;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;transform:rotateX(-90deg) translateX(0px) translateZ("+(dw/2)+"px) translateY(-"+(dw/2)+"px);position:absolute;'></div><div class='plane four' style='background-color: yellow;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;transform:rotateY(90deg) rotateX(90deg) rotateZ(-90deg) translateY(-"+(dw/2)+"px) translateX(0px) translateZ("+(dw/2)+"px) translateY(0px);position:absolute;'></div><div class='plane five' style='background-color: gray;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;transform:rotateY(0deg) translateX(0px) translateZ("+(dw)+"px) translateY(0px);position:absolute;'></div></div>"; } document.getElementById("grid").style.webkitAnimation = "spin_3d 36s infinite linear"; |
