2024-03-05 19:48:36 -07:00
|
|
|
<!doctype html>
|
2024-11-05 12:49:08 +00:00
|
|
|
<link rel="match" href="../expected/css-keyframe-invalid-transform-should-not-render-ref.html" />
|
2024-03-05 19:48:36 -07:00
|
|
|
<style>
|
|
|
|
#foo {
|
|
|
|
width: 100px;
|
|
|
|
height: 100px;
|
|
|
|
background-color: blue;
|
2024-11-29 21:49:57 +01:00
|
|
|
animation: anim 100s;
|
2024-03-05 19:48:36 -07:00
|
|
|
}
|
|
|
|
@keyframes anim {
|
|
|
|
from {
|
|
|
|
transform: scale(0);
|
|
|
|
}
|
|
|
|
to {
|
|
|
|
transform: scale(0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<div id="foo"></div>
|
|
|
|
<script>
|
2024-11-29 21:49:57 +01:00
|
|
|
document.getElementById("foo").getAnimations()[0].currentTime = 50_000; // 50 seconds
|
2024-03-05 19:48:36 -07:00
|
|
|
</script>
|