mirror of
https://github.com/servo/servo.git
synced 2025-06-26 10:04:33 +01:00
36 lines
901 B
HTML
36 lines
901 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Sample on last keyframe</title>
|
|
<link rel="help" href="https://www.w3.org/TR/css-animations-1/#animation-direction">
|
|
<style type="text/css" media="screen">
|
|
#test {
|
|
animation: test 1s reverse paused;
|
|
}
|
|
@keyframes test {
|
|
from { opacity: 0; }
|
|
to { opacity: 0.5; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/web-animations/testcommon.js"></script>
|
|
<body>
|
|
<div id="log"></div>
|
|
<script>
|
|
'use strict';
|
|
|
|
promise_test(async t => {
|
|
const div = createDiv(t);
|
|
div.id = 'test';
|
|
const anim = div.getAnimations()[0];
|
|
await anim.ready;
|
|
const opacity = parseFloat(getComputedStyle(div).opacity);
|
|
assert_equals(opacity, 0.5);
|
|
}, 'Opacity at start of reverse running animation');
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|