change-scale-wide-range.html (746B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>Change scale to very big then back</title> 4 <link rel="author" title="Xianzhu Wang" href="mailto:wangxianzhu@chromium.org"> 5 <link rel="help" href="https://crbug.com/1146393"> 6 <link rel="match" href="change-scale-wide-range-ref.html"> 7 <style> 8 #target { 9 will-change: transform; 10 transform-origin: 0 0; 11 width: 200px; 12 height: 200px; 13 background: green; 14 border: 10px solid blue; 15 } 16 </style> 17 <div id="target"></div> 18 <script> 19 requestAnimationFrame(() => { 20 requestAnimationFrame(() => { 21 target.style.transform = 'scale(100)'; 22 requestAnimationFrame(() => { 23 target.style.transform = 'scale(1)'; 24 document.documentElement.removeAttribute('class'); 25 }); 26 }); 27 }); 28 </script>