Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /scroll-animations/css/animation-timeline-in-keyframe.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<style>
@keyframes test {
from { width: 100px; animation-timeline: --foo; }
to { width: 100px; animation-timeline: --foo; }
}
#target {
width: 50px;
animation-name: test;
animation-duration: 1s;
animation-play-state: paused;
}
</style>
<div id="target"></div>
<script>
test(() => {
let style = getComputedStyle(document.getElementById('target'));
// Checking 'width' verifies that the animation is applied at all.
assert_equals(style.width, '100px');
assert_equals(style.animationTimeline, 'auto');
}, 'The animation-timeline property may not be used in keyframes');
</script>