| Index: LayoutTests/animations/fill-mode-forwards.html
|
| diff --git a/LayoutTests/animations/fill-mode-forwards.html b/LayoutTests/animations/fill-mode-forwards.html
|
| deleted file mode 100644
|
| index 1e0c876701a824923f95d1469ff56f8b71d9495e..0000000000000000000000000000000000000000
|
| --- a/LayoutTests/animations/fill-mode-forwards.html
|
| +++ /dev/null
|
| @@ -1,96 +0,0 @@
|
| -<html>
|
| -<head>
|
| -<script>
|
| - if (window.testRunner) {
|
| - testRunner.dumpAsText();
|
| - testRunner.waitUntilDone();
|
| - }
|
| -
|
| - var pulsingSquareAnimationEnded = false;
|
| - var popAnimationCounter = 0;
|
| -
|
| - function addPopAnimation() {
|
| - var square = document.getElementById("square");
|
| - square.className = "pop";
|
| - popAnimationCounter++;
|
| - }
|
| -
|
| - function removePopAnimation() {
|
| - var square = document.getElementById("square");
|
| - square.className = "";
|
| -
|
| - if (popAnimationCounter == 2) {
|
| - var result = document.getElementById("result");
|
| - if (pulsingSquareAnimationEnded)
|
| - result.innerHTML = "FAIL - pop animation should not be finished after pulse animation"
|
| - else
|
| - result.innerHTML = "PASS - Test working";
|
| -
|
| - if (window.testRunner)
|
| - testRunner.notifyDone();
|
| - }
|
| - }
|
| -
|
| - function pulsingSquareEnded() {
|
| - pulsingSquareAnimationEnded = true;
|
| - }
|
| -</script>
|
| -<style>
|
| - body {
|
| - margin-left: 100px;
|
| - margin-top: 50px;
|
| - }
|
| - #square {
|
| - width: 100px;
|
| - height: 100px;
|
| - position: absolute;
|
| - top: 100px;
|
| - background-color: blue;
|
| - opacity: 0;
|
| - }
|
| -
|
| - #pulsing-square {
|
| - width: 100px;
|
| - height: 100px;
|
| - position: absolute;
|
| - top: 100px;
|
| - left: 350px;
|
| - background-color: red;
|
| - opacity: 0;
|
| - -webkit-animation-name: pulse;
|
| - -webkit-animation-duration: 0.4s;
|
| - -webkit-animation-timing-function: ease-out;
|
| - -webkit-animation-iteration-count: 3;
|
| - }
|
| -
|
| - @-webkit-keyframes pulse {
|
| - 0% { -webkit-transform: scale(0.05); opacity: 1; }
|
| - 30% { opacity: 1; }
|
| - 60% { -webkit-transform: scale(0.8); opacity: 0; }
|
| - 100% { -webkit-transform: scale(0.8); opacity: 0; }
|
| - }
|
| -
|
| - @-webkit-keyframes pop {
|
| - 0% { -webkit-transform: scale(0.05); opacity: 0; }
|
| - 33% { -webkit-transform: scale(1.08); opacity: 1; }
|
| - 66% { -webkit-transform: scale(0.92); opacity: 1; }
|
| - 100% { -webkit-transform: scale(1.0); opacity: 1; }
|
| - }
|
| -
|
| - .pop {
|
| - -webkit-animation-name: pop;
|
| - -webkit-animation-duration: 0.1s;
|
| - -webkit-animation-timing-function: ease-in-out;
|
| - -webkit-animation-fill-mode: forwards;
|
| - }
|
| -</style>
|
| -</head>
|
| -
|
| -<body>
|
| - <div id="square" onwebkitanimationend="removePopAnimation();"></div>
|
| - <div id="pulsing-square" onwebkitanimationiteration="setTimeout(addPopAnimation(), 50);"
|
| - onwebkitanimationend="pulsingSquareEnded()"></div>
|
| - <div id="result"></div>
|
| -</body>
|
| -</html>
|
| -
|
|
|