mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-26 11:45:37 +00:00
bff8c71b2a
Now we produce computed timing progress outside [0,1] range. We use the last segment to calculate animation values if the value is greater than 1. We use the first segment to calculate animation values if the value is lesser than 0.
28 lines
761 B
HTML
28 lines
761 B
HTML
<!doctype html>
|
|
<html class="reftest-wait">
|
|
<head>
|
|
<title>Bug 1216842: effect-level easing function produces negative values (main-thread)</title>
|
|
</head>
|
|
<body>
|
|
<div id="target"></div>
|
|
</body>
|
|
<script>
|
|
var target = document.getElementById("target");
|
|
var effect =
|
|
new KeyframeEffectReadOnly(
|
|
target,
|
|
{ color: ["red", "blue"] },
|
|
{
|
|
fill: "forwards",
|
|
/* The function produces negative values in (0, 0.766312060) */
|
|
easing: "cubic-bezier(0,-0.5,1,-0.5)",
|
|
duration: 100
|
|
}
|
|
);
|
|
var animation = new Animation(effect, document.timeline);
|
|
animation.pause();
|
|
animation.currentTime = 250;
|
|
document.documentElement.className = "";
|
|
</script>
|
|
</html>
|