transition-base-response-003.html (832B)
1 <!DOCTYPE html> 2 <title>Tests that identical elements in the base style responds to font-size transition</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 div { 8 font-size: 10px; 9 min-width: 1em; 10 transition: font-size steps(2, start) 10s; 11 } 12 .change { 13 font-size: 20px; 14 } 15 </style> 16 <div></div> 17 <div></div> 18 <div></div> 19 <script> 20 test(() => { 21 let divs = document.querySelectorAll('div'); 22 for (let div of divs) { 23 let unused = getComputedStyle(div).getPropertyValue('min-width'); 24 div.className = 'change'; 25 assert_equals(getComputedStyle(div).getPropertyValue('min-width'), '15px'); 26 } 27 }, 'Identical elements are all responsive to font-size transition'); 28 </script>