| Index: LayoutTests/animations/add-keyframes.html
|
| diff --git a/LayoutTests/animations/add-keyframes.html b/LayoutTests/animations/add-keyframes.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..0a740016990a39ec1f217544633b0d9b8e780b21
|
| --- /dev/null
|
| +++ b/LayoutTests/animations/add-keyframes.html
|
| @@ -0,0 +1,43 @@
|
| +<!DOCTYPE html>
|
| +<head>
|
| +<style>
|
| +#box {
|
| + position: absolute;
|
| + left: 0;
|
| + top: 100px;
|
| + height: 100px;
|
| + width: 100px;
|
| + background-color: blue;
|
| + -webkit-animation-duration: 1s;
|
| + -webkit-animation-timing-function: linear;
|
| + -webkit-animation-name: anim;
|
| + -webkit-animation-fill-mode: forwards;
|
| +}
|
| +</style>
|
| +<script src="resources/animation-test-helpers.js"></script>
|
| +</head>
|
| +<body>
|
| +<div id="box">
|
| +</div>
|
| +<script>
|
| +document.getElementById('box').offsetTop;
|
| +</script>
|
| +<style>
|
| +/* An animation which couldn't start due to missing keyframes
|
| +Should start once those keyframes are defined. */
|
| +@-webkit-keyframes anim {
|
| + from { left: 200px; }
|
| + to { left: 300px; }
|
| +}
|
| +</style>
|
| +<script>
|
| +var expectedValues = [
|
| + // [animation-name, time, element-id, property, expected-value, tolerance]
|
| + ["anim", 1, "box", "left", 300, 1],
|
| +];
|
| +runAnimationTest(expectedValues);
|
| +</script>
|
| +<div id="result">
|
| +</div>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 27537009:
Avoid always style recalc when removing stylesheets. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk