animation-base-response-003.html (798B)
1 <!DOCTYPE html> 2 <title>Tests that identical elements in the base style responds to font-size animation</title> 3 <link rel="help" href="https://drafts.csswg.org/css-animations/"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <style> 7 @keyframes font_size_animation { 8 from { font-size: 10px; } 9 to { font-size: 20px; } 10 } 11 div { 12 font-size: 1px; 13 min-width: 1em; 14 animation: font_size_animation steps(2, end) 1000s -500s; 15 } 16 </style> 17 <div></div> 18 <div></div> 19 <div></div> 20 <script> 21 test(() => { 22 let divs = document.querySelectorAll('div'); 23 for (let div of divs) 24 assert_equals(getComputedStyle(div).getPropertyValue('min-width'), '15px'); 25 }, 'Identical elements are all responsive to font-size animation'); 26 </script>