blob: e0864c875b62896b080fc4a67a90d7f193e8e45c [file] [log] [blame]
<!DOCTYPE html><!-- webkit-test-runner [ experimental:WebAnimationsCSSIntegrationEnabled=false ] -->
<html>
<head>
<style>
#box {
height: 100px;
width: 100px;
background-color: blue;
-webkit-transform: scale(0.1, 0.1);
}
.animating {
-webkit-animation: zoom 1 0.05s forwards;
}
@-webkit-keyframes zoom {
from { }
to { -webkit-transform: scale(1, 1) translate(10px, 10px); }
}
</style>
<script>
if (window.testRunner)
testRunner.waitUntilDone();
function doTest()
{
var box = document.getElementById('box');
box.addEventListener('webkitAnimationEnd', function() {
if (window.testRunner)
testRunner.notifyDone();
}, false);
box.classList.add('animating');
}
window.addEventListener('load', doTest, false);
</script>
</head>
<body>
<div id="box">
</div>
</body>
</html>