| Index: ManualTests/interrupted-compound-transform.html
|
| diff --git a/ManualTests/interrupted-compound-transform.html b/ManualTests/interrupted-compound-transform.html
|
| index 7dafb7358d8c74d2168c77ebb0921230095ca172..dbd5646ce1ff0a90baaef8ed8fe4d068a2fab408 100644
|
| --- a/ManualTests/interrupted-compound-transform.html
|
| +++ b/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()
|
|
|