summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/ManualTests/interrupted-compound-transform.html
diff options
context:
space:
mode:
Diffstat (limited to 'third_party/WebKit/ManualTests/interrupted-compound-transform.html')
-rw-r--r--third_party/WebKit/ManualTests/interrupted-compound-transform.html18
1 files changed, 9 insertions, 9 deletions
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()