OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../../resources/testharness.js"></script> |
| 3 <script src="../../resources/testharnessreport.js"></script> |
| 4 <style> |
| 5 @keyframes test { |
| 6 to { --x: to; } |
| 7 } |
| 8 #target { |
| 9 --x: underlying; |
| 10 animation: test 1s; |
| 11 } |
| 12 </style> |
| 13 <div id="target"></div> |
| 14 <script> |
| 15 CSS.registerProperty({ |
| 16 name: '--x', |
| 17 syntax: '*', |
| 18 }); |
| 19 |
| 20 test(() => { |
| 21 target.style.animationDelay = '-0.25s'; |
| 22 assert_equals(getComputedStyle(target).getPropertyValue('--x'), ' underlying',
'at 25%'); |
| 23 |
| 24 target.style.animationDelay = '-0.75s'; |
| 25 assert_equals(getComputedStyle(target).getPropertyValue('--x'), ' to', 'at 25%
'); |
| 26 }, 'CSS Animations neutral keyframes on registered custom properties should prod
uce the underlying value'); |
| 27 </script> |
OLD | NEW |