stacking-context-transform-none-animation-on-svg.html (498B)
1 <!DOCTYPE html> 2 <title>Transform animation creates a stacking context even though it has only 3 'transform:none' keyframes on an svg element</title> 4 <style> 5 span { 6 height: 100px; 7 width: 100px; 8 position: fixed; 9 background: green; 10 top: 50px; 11 } 12 @keyframes TransformNone { 13 from, to { transform: none } 14 } 15 #test { 16 animation: TransformNone 100s infinite; 17 } 18 </style> 19 <span></span> 20 <svg id="test" width="100px" height="100px"> 21 <rect x="0" y="0" width="100%" height="100%" fill="blue"/> 22 </svg>