1216842-4.html (753B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <head> 4 <title>Bug 1216842: effect-level easing function produces negative values (main-thread)</title> 5 </head> 6 <body> 7 <div id="target"></div> 8 </body> 9 <script> 10 var target = document.getElementById("target"); 11 var effect = 12 new KeyframeEffect( 13 target, 14 { color: ["red", "blue"] }, 15 { 16 fill: "forwards", 17 /* The function produces negative values in (0, 0.766312060) */ 18 easing: "cubic-bezier(0,-0.5,1,-0.5)", 19 duration: 100 20 } 21 ); 22 var animation = new Animation(effect, document.timeline); 23 animation.pause(); 24 animation.currentTime = 250; 25 document.documentElement.className = ""; 26 </script> 27 </html>