| <!DOCTYPE html> |
| <html class="reftest-wait"> |
| <title>Change scale to very big then back</title> |
| <link rel="author" title="Xianzhu Wang" href="mailto:wangxianzhu@chromium.org"> |
| <link rel="help" href="https://crbug.com/1146393"> |
| <link rel="match" href="change-scale-wide-range-ref.html"> |
| <style> |
| #target { |
| will-change: transform; |
| transform-origin: 0 0; |
| width: 200px; |
| height: 200px; |
| background: green; |
| border: 10px solid blue; |
| } |
| </style> |
| <div id="target"></div> |
| <script> |
| requestAnimationFrame(() => { |
| requestAnimationFrame(() => { |
| target.style.transform = 'scale(100)'; |
| requestAnimationFrame(() => { |
| target.style.transform = 'scale(1)'; |
| document.documentElement.removeAttribute('class'); |
| }); |
| }); |
| }); |
| </script> |
| |