mask-border-slice-interpolation-stability.html (740B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <title>mask-border-slice interpolation stability</title> 4 <link rel="help" href="https://drafts.fxtf.org/css-masking/#propdef-mask-border-slice"> 5 <link rel="author" title="Tim Nguyen" href="https://github.com/nt1m"> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 9 <div id="target"></div> 10 <script> 11 test(function() { 12 var player = target.animate([ 13 {borderImageSlice: '50'}, 14 {borderImageSlice: '50'}, 15 ], { 16 duration: 1, 17 fill: 'forwards', 18 easing: 'cubic-bezier(0, 1.5, 1, 1.5)', 19 }); 20 player.pause(); 21 player.currentTime = 0.6345195996109396 22 assert_equals(getComputedStyle(target).borderImageSlice, '50'); 23 }); 24 </script>