stacking-context-001.html (1097B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <title> 5 Individual transform properties' animations create stacking context in delay phase 6 </title> 7 <link rel="help" href="https://drafts.csswg.org/css-transforms-2/#individual-transforms"> 8 <link rel="match" href="stacking-context-ref.html"> 9 <meta name="assert" content="Individual transform properties' animations 10 should create stacking context even in delay 11 phase."/> 12 <style> 13 #back { 14 height: 100px; 15 width: 100px; 16 position: fixed; 17 background: green; 18 margin-top: 50px; 19 } 20 @keyframes scale { 21 from, to { scale: 1; } 22 } 23 #test { 24 width: 100px; 25 height: 100px; 26 background: blue; 27 animation: scale 100s 100s; 28 } 29 </style> 30 </head> 31 <body> 32 <div id="back"></div> 33 <div id="test"></div> 34 </body> 35 <script> 36 requestAnimationFrame(() => { 37 document.documentElement.classList.remove('reftest-wait'); 38 }); 39 </script> 40 </html>